Upgrade to Tailwind 4 (#77)

* Upgrade to Tailwind 4

* Update deprecated utilities

Author: corydalis10

astro.config.mjs

@@ -1,13 +1,16 @@
 // @ts-check
 import { defineConfig } from "astro/config";
 
-import tailwind from "@astrojs/tailwind";
+import tailwindcss from "@tailwindcss/vite";
 import icon from "astro-icon";
 // @ts-ignore
 import preact from "@astrojs/preact";
 
 // https://astro.build/config
 export default defineConfig({
   site: "https://usebottles.com",
-  integrations: [tailwind(), icon(), preact()],
+  vite: {
+    plugins: [tailwindcss()],
+  },
+  integrations: [icon(), preact()],
 });

package.json

@@ -13,9 +13,9 @@
     "@astrojs/check": "^0.9.3",
     "@astrojs/preact": "^3.5.3",
     "@astrojs/rss": "^4.0.7",
-    "@astrojs/tailwind": "^5.1.0",
     "@iconify-json/bxl": "^1.2.0",
     "@iconify-json/material-symbols": "^1.2.1",
+    "@tailwindcss/vite": "^4.0.17",
     "astro": "^4.15.4",
     "astro-icon": "^1.1.1",
     "js-yaml": "^4.1.0",
@@ -27,7 +27,6 @@
     "@tailwindcss/typography": "^0.5.15",
     "@types/js-yaml": "^4.0.9",
     "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.45",
-    "tailwindcss": "^3.4.10"
+    "tailwindcss": "^4.0.17"
   }
 }