Upgrade Tailwind CSS from 3 to 4 with CSS-first config migration

Migrate tailwind.config.js to @theme in CSS, replace PostCSS plugins
with @tailwindcss/postcss, add @reference to 12 Vue scoped styles using
@apply, and remove autoprefixer (now built into Tailwind 4).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-06 11:29:03 +08:00
parent 08688793ac
commit 4e22643999
17 changed files with 866 additions and 1499 deletions

View File

@@ -277,6 +277,7 @@ export default {
}
</script>
<style scoped>
@reference "../../../assets/tailwind.css";
/* 進度條顏色 */
:deep(.p-progressbar .p-progressbar-value) {
@apply bg-primary