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

@@ -941,6 +941,7 @@ export default {
}
</script>
<style scoped>
@reference "../../../assets/tailwind.css";
.active {
@apply text-primary
}