Merge pull request #681 from franz-bendezu/dependabot/npm_and_yarn/tailwindcss-4.0.7

chore(deps-dev): bump tailwindcss from 3.4.17 to 4.0.7

Author: franz-bendezu

package.json

@@ -12,6 +12,7 @@
     "@formspree/react": "^2.5.1",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.2.0",
+    "@tailwindcss/postcss": "^4.0.7",
     "next": "^15.1.7",
     "next-image-export-optimizer": "^1.18.0",
     "next-intl": "^3.26.4",
@@ -35,7 +36,7 @@
     "jsdom": "^26.0.0",
     "postcss": "^8.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.7",
     "typescript": "5.7.3",
     "vitest": "^3.0.6"
   }

postcss.config.mjs

@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
   },
 };
 

src/app/globals.css

@@ -0,0 +1 @@
+@import "tailwindcss";

src/app/layout.tsx

@@ -1,4 +1,3 @@
-import "tailwindcss/tailwind.css";
 import { ReactNode } from "react";
 import { Metadata } from "next";
 const isProd = process.env.NODE_ENV === "production";