chore(frontend): migrate Tailwind to Vite plugin

frontend/src/features/content/components/ContentApprovalPanel.vue

@@ -333,6 +333,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .approval-panel {
         @apply relative flex w-11 justify-center self-start;
     }

frontend/src/features/content/components/ContentCommentComposer.vue

@@ -244,6 +244,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .comment-composer {
         @apply flex flex-col gap-3 rounded-[1.25rem] border p-4;
         background: #fffdf8;

frontend/src/features/content/components/ContentCommentFeed.vue

@@ -212,6 +212,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .timeline-list {
         @apply flex flex-col gap-4;
     }

frontend/src/features/content/views/ContentItemDetailView.vue

@@ -1357,6 +1357,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .editor-shell {
         @apply mx-auto flex w-full max-w-[110rem] flex-col gap-5 px-5 py-8 md:px-8;
     }

frontend/src/features/content/views/ContentItemsView.vue

@@ -1419,6 +1419,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .page-shell {
         @apply flex w-full flex-col gap-4 px-4 py-5 md:px-6;
     }

frontend/src/features/content/views/MediaLibraryView.vue

@@ -95,6 +95,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .page-shell {
         @apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
     }