diff --git a/package.json b/package.json
index 7900591..2f71773 100644
--- a/package.json
+++ b/package.json
@@ -101,7 +101,7 @@
     "prettier-plugin-tailwindcss": "^0.6.14",
     "sass": "^1.83.0",
     "storybook": "^8.5.1",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.16",
     "ts-morph": "^24.0.0",
     "ts-node": "^10.9.2",
     "typescript": "~5.8.2",
diff --git a/yarn.lock b/yarn.lock
index 522db6a..857917b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13573,7 +13573,7 @@ __metadata:
     sass: "npm:^1.83.0"
     storybook: "npm:^8.5.1"
     tailwind-merge: "npm:^2.6.0"
-    tailwindcss: "npm:^3.4.17"
+    tailwindcss: "npm:^4.1.16"
     theme-change: "npm:^2.5.0"
     ts-morph: "npm:^24.0.0"
     ts-node: "npm:^10.9.2"
@@ -14153,7 +14153,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:*, tailwindcss@npm:^3.4.17":
+"tailwindcss@npm:*":
   version: 3.4.17
   resolution: "tailwindcss@npm:3.4.17"
   dependencies:
@@ -14186,6 +14186,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwindcss@npm:^4.1.16":
+  version: 4.1.16
+  resolution: "tailwindcss@npm:4.1.16"
+  checksum: 10c0/11beec3112686767292f43d602ffa26068be6b505adba7929ad17b2a3d8e262bdb2eb7c8d226325654ab8268ddd0ca7b7231df8ba59a77becbdae0df9f86268a
+  languageName: node
+  linkType: hard
+
 "tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
   version: 2.2.1
   resolution: "tapable@npm:2.2.1"