🆙bump: version up tailwindcss v4

OpenUp-LabTakizawa · Nov 25, 2024 · 459aa8f · 459aa8f
1 parent 617ed92
commit 459aa8f
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 20 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -1,6 +1,9 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
+@import "tailwindcss";
+
+@theme {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+}
 
 :root {
   --background: #ffffff;

diff --git a/app/page.tsx b/app/page.tsx
@@ -15,7 +15,7 @@ export default function Home() {
         <ol className="list-inside list-decimal text-sm text-center sm:text-left">
           <li className="mb-2">
             Get started by editing{" "}
-            <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
+            <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded-sm font-semibold">
               app/page.tsx
             </code>
           </li>

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -21,14 +21,15 @@
     "@biomejs/biome": "^1.9.4",
     "@happy-dom/global-registrator": "^15.11.6",
     "@playwright/test": "next",
+    "@tailwindcss/postcss": "^4.0.0-beta.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
     "@types/bun": "^1.1.13",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "babel-plugin-react-compiler": "experimental",
     "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^4.0.0-beta.2",
     "typescript": "^5.7.2"
   },
   "trustedDependencies": ["@biomejs/biome", "sharp"]

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

diff --git a/tailwind.config.ts b/tailwind.config.ts