diff --git a/package.json b/package.json
index 033698f81c..7919ed2baa 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.18",
     "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 68cd527e5b..114971f160 100644
--- a/packages/persona/package.json
+++ b/packages/persona/package.json
@@ -115,7 +115,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": {
@@ -130,7 +130,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 1b1f93fe80..ef0ba50712 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.18"
     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"
@@ -4024,7 +4024,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
@@ -19806,7 +19806,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.18":
+  version: 4.1.18
+  resolution: "tailwindcss@npm:4.1.18"
+  checksum: 10/16a51bf972dce3871fec66aba7bffa02cd6fccc5a330180be3dcf297e48aae2d64d965df48fda851f65924ef61d7d2c6c8e6d7a05a09f454244475b7dab93464
+  languageName: node
+  linkType: hard
+
+"tailwindcss@npm:~3.4.17":
   version: 3.4.17
   resolution: "tailwindcss@npm:3.4.17"
   dependencies: