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>

src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue

@@ -130,6 +130,7 @@ export default {
 }
 </script>
 <style scoped>
+@reference "../../../../assets/tailwind.css";
 .ghostSelected {
   @apply bg-primary/20
 }

src/components/Discover/Conformance/MoreModal.vue

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

src/components/Discover/Map/Filter/ActAndSeq.vue

@@ -158,6 +158,7 @@ export default {
 }
 </script>
 <style scoped>
+@reference "../../../../assets/tailwind.css";
 .ghostSelected {
   @apply shadow-[0px_0px_100px_-10px_inset] shadow-neutral-200
 }

src/components/Discover/Map/Filter/Attributes.vue

@@ -726,6 +726,7 @@ export default {
 }
 </script>
 <style scoped>
+@reference "../../../../assets/tailwind.css";
 :deep(table tbody td:nth-child(2)) {
   @apply whitespace-nowrap break-keep overflow-hidden text-ellipsis max-w-0
 }

src/components/Discover/Map/Filter/Funnel.vue

@@ -125,6 +125,7 @@ export default {
 </script>
 
 <style scoped>
+@reference "../../../../assets/tailwind.css";
 /* TimeLine */
 :deep(.p-timeline) {
   @apply leading-none my-4

src/components/Discover/Map/Filter/Trace.vue

@@ -358,6 +358,7 @@ export default {
 </script>
 
 <style scoped>
+@reference "../../../../assets/tailwind.css";
 /* Table set */
 :deep(.p-datatable-thead) {
   @apply sticky top-0 left-0 z-10 bg-neutral-10

src/components/Discover/Map/SidebarState.vue

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

src/components/Discover/Map/SidebarTraces.vue

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

src/components/Discover/StatusBar.vue

@@ -163,6 +163,7 @@ export default {
 }
 </script>
 <style scoped>
+@reference "../../assets/tailwind.css";
 :deep(.p-progressbar .p-progressbar-value) {
   @apply bg-neutral-900
 }