Switch Tailwind from PostCSS plugin to Vite plugin for Astro 7

Author: hugovk

astro.config.ts

@@ -3,6 +3,7 @@ import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 import react from "@astrojs/react";
 import node from "@astrojs/node";
+import tailwindcss from "@tailwindcss/vite";
 import fs from "node:fs";
 import remarkPythonRefs from "./src/plugins/remark-python-refs";
 
@@ -39,4 +40,7 @@ export default defineConfig({
     remarkPlugins: [remarkPythonRefs],
   },
   redirects,
+  vite: {
+    plugins: [tailwindcss()],
+  },
 });

bun.lock

@@ -28,13 +28,12 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.9",
-    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@types/bun": "^1.3.11",
     "@types/mdast": "^4.0.4",
     "@types/turndown": "^5.0.6",
     "fast-xml-parser": "^5.9.2",
     "oxlint": "^1.70.0",
-    "postcss": "^8.5.19",
     "tailwindcss": "^4.3.3",
     "turndown": "^7.2.4",
     "turndown-plugin-gfm": "^1.0.2",