chore: remove astro tw and add vite tw deps

astro.config.mjs

@@ -1,11 +1,12 @@
 import react from '@astrojs/react'
 import sitemap from '@astrojs/sitemap'
-import tailwind from '@astrojs/tailwind'
 import { defineConfig } from 'astro/config'
 
+import tailwindcss from '@tailwindcss/vite'
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), react(), sitemap()],
+  integrations: [react(), sitemap()],
   site: 'https://zen-browser.app',
   i18n: {
     defaultLocale: 'en',
@@ -26,5 +27,7 @@ export default defineConfig({
         },
       },
     },
+
+    plugins: [tailwindcss()],
   },
 })

cspell.json

@@ -81,7 +81,8 @@
     "*.bundle.js",
     "package-lock.json",
     "yarn.lock",
-    "pnpm-lock.yaml"
+    "pnpm-lock.yaml",
+    "pnpm-workspace.yaml"
   ],
   "allowCompoundWords": true,
   "dictionaries": ["typescript", "node", "html", "css", "bash", "npm", "es-es"],

package.json

@@ -30,11 +30,11 @@
     "@astrojs/react": "^4.3.0",
     "@astrojs/rss": "4.0.11",
     "@astrojs/sitemap": "3.3.1",
-    "@astrojs/tailwind": "6.0.2",
     "@fontsource/bricolage-grotesque": "5.1.0",
     "@fortawesome/fontawesome-svg-core": "6.7.1",
     "@fortawesome/free-brands-svg-icons": "6.7.1",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
+    "@tailwindcss/vite": "^4.1.8",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
     "astro": "5.7.10",
@@ -51,7 +51,7 @@
     "react-dom": "^19.1.0",
     "sharp": "0.33.5",
     "tailwind-merge": "3.3.0",
-    "tailwindcss": "3.4.15",
+    "tailwindcss": "4.1.8",
     "typescript": "5.6.3"
   },
   "devDependencies": {

pnpm-workspace.yaml

@@ -1,2 +1,7 @@
 onlyBuiltDependencies:
+  - "@tailwindcss/oxide"
+  - esbuild
   - lefthook
+  - sharp
+  - unrs-resolver
+  - workerd