diff --git a/apps/web/package.json b/apps/web/package.json
index 587cb30..75a0ab1 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -39,7 +39,7 @@
     "svelte": "5.20.4",
     "svelte-check": "4.3.3",
     "svgo": "3.3.2",
-    "tailwind-variants": "1.0.0",
+    "tailwind-variants": "3.2.2",
     "tailwindcss": "3.4.17",
     "typescript": "5.7.3",
     "vite": "7.3.0",
diff --git a/yarn.lock b/yarn.lock
index ff86daa..95a2960 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5907,14 +5907,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwind-variants@npm:1.0.0":
-  version: 1.0.0
-  resolution: "tailwind-variants@npm:1.0.0"
-  dependencies:
-    tailwind-merge: "npm:3.0.2"
+"tailwind-variants@npm:3.2.2":
+  version: 3.2.2
+  resolution: "tailwind-variants@npm:3.2.2"
   peerDependencies:
+    tailwind-merge: ">=3.0.0"
     tailwindcss: "*"
-  checksum: 10c0/404b88293067009c72b5c22e662ad6994438278b7ebcf4dedf9782832d98206f56f2918e39e202c590e7bb4a99b6272e3482fae3058fcd1cb7cc6e1c9ccf2435
+  peerDependenciesMeta:
+    tailwind-merge:
+      optional: true
+  checksum: 10c0/715a35b66c374f3bb234cd1e6737588cb7c0213c80a69bd62239d752d20c44377bec1d028c3ea7c28882d81384507fbae407813d348c142cb991c5a0ad063d48
   languageName: node
   linkType: hard
 
@@ -6653,7 +6655,7 @@ __metadata:
     sveltekit-rate-limiter: "npm:0.7.0"
     svgo: "npm:3.3.2"
     tailwind-merge: "npm:3.0.2"
-    tailwind-variants: "npm:1.0.0"
+    tailwind-variants: "npm:3.2.2"
     tailwindcss: "npm:3.4.17"
     typescript: "npm:5.7.3"
     vite: "npm:7.3.0"