diff --git a/package-lock.json b/package-lock.json
index d073116853..0fa803c4d9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "autoprefixer": "10.4.21",
         "cspell": "9.2.1",
         "postcss": "8.5.6",
-        "tailwind-variants": "1.0.0",
+        "tailwind-variants": "3.1.1",
         "tailwindcss": "3.4.14",
         "typescript": "5.9.2",
         "yaml": "2.8.1"
@@ -11039,26 +11039,31 @@
       "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/dcastil"
       }
     },
     "node_modules/tailwind-variants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-1.0.0.tgz",
-      "integrity": "sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-3.1.1.tgz",
+      "integrity": "sha512-ftLXe3krnqkMHsuBTEmaVUXYovXtPyTK7ckEfDRXS8PBZx0bAUas+A0jYxuKA5b8qg++wvQ3d2MQ7l/xeZxbZQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "tailwind-merge": "3.0.2"
-      },
       "engines": {
         "node": ">=16.x",
         "pnpm": ">=7.x"
       },
       "peerDependencies": {
+        "tailwind-merge": ">=3.0.0",
         "tailwindcss": "*"
+      },
+      "peerDependenciesMeta": {
+        "tailwind-merge": {
+          "optional": true
+        }
       }
     },
     "node_modules/tailwindcss": {
@@ -19630,16 +19635,16 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
       "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
-      "dev": true
+      "dev": true,
+      "optional": true,
+      "peer": true
     },
     "tailwind-variants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-1.0.0.tgz",
-      "integrity": "sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-3.1.1.tgz",
+      "integrity": "sha512-ftLXe3krnqkMHsuBTEmaVUXYovXtPyTK7ckEfDRXS8PBZx0bAUas+A0jYxuKA5b8qg++wvQ3d2MQ7l/xeZxbZQ==",
       "dev": true,
-      "requires": {
-        "tailwind-merge": "3.0.2"
-      }
+      "requires": {}
     },
     "tailwindcss": {
       "version": "3.4.14",
diff --git a/package.json b/package.json
index 36ee122dc6..16808900ec 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "autoprefixer": "10.4.21",
     "cspell": "9.2.1",
     "postcss": "8.5.6",
-    "tailwind-variants": "1.0.0",
+    "tailwind-variants": "3.1.1",
     "tailwindcss": "3.4.14",
     "typescript": "5.9.2",
     "yaml": "2.8.1"