diff --git a/package.json b/package.json
index 62325bb398..70edb35ed0 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,7 @@
     "postcss-nested": "7.0.2",
     "sharp": "0.34.1",
     "svgo": "3.3.2",
-    "tailwindcss": "3.4.17",
+    "tailwindcss": "4.1.7",
     "typescript": "5.6.3",
     "ufo": "1.6.1",
     "unenv": "1.10.0",
diff --git a/packages/persona/package.json b/packages/persona/package.json
index ded7f3da71..979da76697 100644
--- a/packages/persona/package.json
+++ b/packages/persona/package.json
@@ -116,7 +116,7 @@
     "postcss-custom-properties": "^12.1.11 || ^13.0.0 || ^14.0.0",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
-    "tailwindcss": "^3.0.0",
+    "tailwindcss": "^3.0.0 || ^4.0.0",
     "vue-router": ">=4.0.0"
   },
   "devDependencies": {
@@ -131,7 +131,7 @@
     "postcss-custom-properties": "14.0.4",
     "postcss-hexrgba": "2.1.0",
     "postcss-lighten-darken": "0.9.0",
-    "tailwindcss": "3"
+    "tailwindcss": "4"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"
diff --git a/yarn.lock b/yarn.lock
index 21dffaec91..c5aed82e07 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3835,7 +3835,7 @@ __metadata:
     sharp: "npm:0.34.1"
     svgo: "npm:3.3.2"
     tabbable: "npm:6.2.0"
-    tailwindcss: "npm:3.4.17"
+    tailwindcss: "npm:4.1.7"
     tiptap-extension-font-size: "npm:^1.2.0"
     typescript: "npm:5.6.3"
     ufo: "npm:1.6.1"
@@ -4011,7 +4011,7 @@ __metadata:
     pspdfkit: "npm:^2024.6.0"
     scroll-into-view: "npm:1.16.2"
     tabbable: "npm:6.2.0"
-    tailwindcss: "npm:3"
+    tailwindcss: "npm:4"
     tiptap-extension-font-size: "npm:^1.2.0"
     ufo: "npm:^1.5.4"
     vue-collapsed: "npm:1.3.4"
@@ -4025,7 +4025,7 @@ __metadata:
     postcss-custom-properties: ^12.1.11 || ^13.0.0 || ^14.0.0
     postcss-hexrgba: ^2.1.0
     postcss-lighten-darken: ^0.9.0
-    tailwindcss: ^3.0.0
+    tailwindcss: ^3.0.0 || ^4.0.0
     vue-router: ">=4.0.0"
   languageName: unknown
   linkType: soft
@@ -19796,7 +19796,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:3, tailwindcss@npm:3.4.17, tailwindcss@npm:~3.4.17":
+"tailwindcss@npm:4, tailwindcss@npm:4.1.7":
+  version: 4.1.7
+  resolution: "tailwindcss@npm:4.1.7"
+  checksum: 10/c229ed1e0cfe83b431581e462e18175ee0c0d75344710cd844cbcab28df118270695a2cd545868e6013ef2e5f4c4b619fb84cd3b5e21f80b8908d3ac74f67a5d
+  languageName: node
+  linkType: hard
+
+"tailwindcss@npm:~3.4.17":
   version: 3.4.17
   resolution: "tailwindcss@npm:3.4.17"
   dependencies: