Upgrade to tailwind4

Author: nikoshell

astro.config.mjs

@@ -2,7 +2,6 @@ import path from "path";
 import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
-import tailwind from "@astrojs/tailwind";
 import remarkToc from "remark-toc";
 import rehypeSlug from "rehype-slug";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
@@ -11,6 +10,7 @@ import pagefind from "astro-pagefind";
 import deleteUnusedImages from "astro-delete-unused-images";
 import { execSync } from "node:child_process";
 import compress from "astro-compress";
+import tailwindcss from "@tailwindcss/vite";
 
 let gitVersion = String(process.env.GIT_VERSION ?? "").slice(0, 7);
 
@@ -60,6 +60,7 @@ export default defineConfig({
       ),
       __GIT_VERSION__: JSON.stringify(gitVersion),
     },
+
     resolve: {
       alias: {
         "@utils": path.resolve("./src/utils"),
@@ -74,6 +75,8 @@ export default defineConfig({
         "@src": path.resolve("./src"),
       },
     },
+
+    plugins: [tailwindcss()],
   },
   markdown: {
     remarkPlugins: [
@@ -93,6 +96,7 @@ export default defineConfig({
         },
       ],
     ],
+    plugins: [tailwindcss()],
   },
   site: process.env.SITE_URL || "https://ep2025.europython.eu",
   redirects: {
@@ -109,9 +113,6 @@ export default defineConfig({
   integrations: [
     mdx(),
     sitemap(),
-    tailwind({
-      nesting: true,
-    }),
     metaTags(),
     pagefind(),
     deleteUnusedImages(),

package.json

@@ -13,36 +13,37 @@
   "dependencies": {
     "@astro-community/astro-embed-youtube": "^0.5.6",
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.2.6",
-    "@astrojs/sitemap": "^3.3.1",
+    "@astrojs/mdx": "^4.3.0",
+    "@astrojs/sitemap": "^3.4.0",
     "@astrojs/tailwind": "^5.1.5",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@tailwindcss/typography": "^0.5.16",
-    "astro": "^5.7.5",
+    "@tailwindcss/vite": "^4.1.7",
+    "astro": "^5.8.0",
     "astro-compress": "^2.3.8",
     "astro-delete-unused-images": "^1.0.3",
-    "astro-meta-tags": "^0.3.1",
+    "astro-meta-tags": "^0.3.2",
     "astro-pagefind": "^1.8.3",
     "astro-preload": "^1.1.2",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "hastscript": "^9.0.1",
     "js-yaml": "^4.1.0",
-    "marked": "^15.0.11",
+    "marked": "^15.0.12",
     "pagefind": "^1.3.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-toc": "^9.0.0",
-    "sharp": "^0.34.1",
-    "tailwindcss": "^3.4.17",
+    "sharp": "^0.34.2",
+    "tailwindcss": "^4.1.7",
     "typescript": "^5.8.3"
   },
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
-    "puppeteer": "^24.7.2",
+    "puppeteer": "^24.9.0",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3"
   },