chore(frontend): migrate Tailwind to Vite plugin

frontend/src/static/components/LandingSiteMenu.vue

@@ -262,6 +262,7 @@
 </script>
 
 <style scoped>
+@reference "@/assets/main.css";
     .site-menu {
         @apply sticky top-0 z-30 w-full;
         background: rgba(255, 250, 242, 0.9);

frontend/src/static/views/BlogsPage.vue

@@ -28,6 +28,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .public-page {
         @apply min-h-screen w-full;
     }

frontend/src/static/views/GuidesPage.vue

@@ -28,6 +28,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .public-page {
         @apply min-h-screen w-full;
     }

frontend/src/static/views/Landing.vue

@@ -154,6 +154,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .landing-page {
         @apply min-h-screen w-full;
     }

frontend/src/static/views/PricingPage.vue

@@ -96,6 +96,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .public-page {
         @apply min-h-screen w-full;
     }

frontend/src/static/views/ProductFeaturePage.vue

@@ -87,6 +87,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .public-page {
         @apply min-h-screen w-full;
     }

frontend/src/static/views/ProductPage.vue

@@ -56,6 +56,7 @@
 </template>
 
 <style scoped>
+@reference "@/assets/main.css";
     .public-page {
         @apply min-h-screen w-full;
     }