diff --git a/components/package.json b/components/package.json
index c5a1982..059ac02 100644
--- a/components/package.json
+++ b/components/package.json
@@ -34,11 +34,11 @@
     "test": "jest"
   },
   "dependencies": {
-    "@vanilla-extract/css": "^1.6.3",
-    "@vanilla-extract/css-utils": "^0.1.1",
-    "@vanilla-extract/dynamic": "^2.0.0",
-    "@vanilla-extract/recipes": "^0.2.1",
-    "@vanilla-extract/sprinkles": "^1.3.1",
+    "@vanilla-extract/css": "^1.13.0",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/dynamic": "^2.0.3",
+    "@vanilla-extract/recipes": "^0.5.0",
+    "@vanilla-extract/sprinkles": "^1.6.1",
     "clsx": "^1.1.1",
     "focus-visible": "^5.2.0"
   },
@@ -55,8 +55,8 @@
     "@types/react-dom": "^18.2.5",
     "@types/rimraf": "^3.0.2",
     "@types/testing-library__jest-dom": "^5.14.6",
-    "@vanilla-extract/private": "^1.0.1",
-    "@vanilla-extract/vite-plugin": "^3.0.0",
+    "@vanilla-extract/private": "^1.0.3",
+    "@vanilla-extract/vite-plugin": "^3.9.0",
     "deepmerge": "^4.2.2",
     "glob": "^7.2.0",
     "jest": "^27.3.1",
diff --git a/docs/package.json b/docs/package.json
index bdcc719..2a1631f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@reach/skip-nav": "^0.16.0",
     "@sindresorhus/slugify": "^2.1.0",
-    "@vanilla-extract/css-utils": "^0.1.1",
+    "@vanilla-extract/css-utils": "^0.1.3",
     "copy-to-clipboard": "^3.3.1",
     "gray-matter": "^4.0.3",
     "lodash": "^4.17.21",
@@ -37,9 +37,9 @@
     "@types/react": "^18.0.1",
     "@types/react-dom": "^17.0.10",
     "@types/rimraf": "^3.0.2",
-    "@vanilla-extract/babel-plugin": "^1.1.2",
-    "@vanilla-extract/css": "^1.6.3",
-    "@vanilla-extract/next-plugin": "^2.1.1",
+    "@vanilla-extract/babel-plugin": "^1.2.0",
+    "@vanilla-extract/css": "^1.13.0",
+    "@vanilla-extract/next-plugin": "^2.3.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "rimraf": "^3.0.2"
diff --git a/yarn.lock b/yarn.lock
index c172277..0607c16 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2901,7 +2901,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/babel-plugin@npm:^1.1.2":
+"@vanilla-extract/babel-plugin@npm:^1.2.0":
   version: 1.2.0
   resolution: "@vanilla-extract/babel-plugin@npm:1.2.0"
   dependencies:
@@ -2912,16 +2912,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/css-utils@npm:^0.1.1":
+"@vanilla-extract/css-utils@npm:^0.1.3":
   version: 0.1.3
   resolution: "@vanilla-extract/css-utils@npm:0.1.3"
   checksum: fa6c28d3f6c4675a7668f64e7ae8ea7e7af173b49660b1e83b9a9c63dc1a2597db0debb315ebd51f3fc8162900d4f50569b1d65cfccf104b32ed25418db69afd
   languageName: node
   linkType: hard
 
-"@vanilla-extract/css@npm:^1.10.0, @vanilla-extract/css@npm:^1.6.3, @vanilla-extract/css@npm:^1.7.2":
-  version: 1.11.1
-  resolution: "@vanilla-extract/css@npm:1.11.1"
+"@vanilla-extract/css@npm:^1.10.0, @vanilla-extract/css@npm:^1.13.0, @vanilla-extract/css@npm:^1.7.2":
+  version: 1.13.0
+  resolution: "@vanilla-extract/css@npm:1.13.0"
   dependencies:
     "@emotion/hash": ^0.9.0
     "@vanilla-extract/private": ^1.0.3
@@ -2934,11 +2934,11 @@ __metadata:
     deepmerge: ^4.2.2
     media-query-parser: ^2.0.2
     outdent: ^0.8.0
-  checksum: 1498ced4ba1fd78f3e42567a49daac9eea15e0fa1418d39e4ba5a3e84ded66a5567733f5fa364eaf5fe9c0354124bd62a32ffd603427b76e36004ed49b55c7d2
+  checksum: 35c88718d451cb71e16a2cc0ece045e51cc84f8da29f92c4cbd6bff333d2fd35a724e95c1affd9d9df9ac67c9a18a53853e79afb8bbae70f2396ba5bbece2b16
   languageName: node
   linkType: hard
 
-"@vanilla-extract/dynamic@npm:^2.0.0":
+"@vanilla-extract/dynamic@npm:^2.0.3":
   version: 2.0.3
   resolution: "@vanilla-extract/dynamic@npm:2.0.3"
   dependencies:
@@ -2963,15 +2963,15 @@ __metadata:
   linkType: hard
 
 "@vanilla-extract/integration@npm:^6.0.0, @vanilla-extract/integration@npm:^6.0.2":
-  version: 6.2.1
-  resolution: "@vanilla-extract/integration@npm:6.2.1"
+  version: 6.2.2
+  resolution: "@vanilla-extract/integration@npm:6.2.2"
   dependencies:
     "@babel/core": ^7.20.7
     "@babel/plugin-syntax-typescript": ^7.20.0
     "@vanilla-extract/babel-plugin-debug-ids": ^1.0.2
     "@vanilla-extract/css": ^1.10.0
     esbuild: 0.17.6
-    eval: 0.1.6
+    eval: 0.1.8
     find-up: ^5.0.0
     javascript-stringify: ^2.0.1
     lodash: ^4.17.21
@@ -2979,50 +2979,50 @@ __metadata:
     outdent: ^0.8.0
     vite: ^4.1.4
     vite-node: ^0.28.5
-  checksum: 28bda6804f09f6dd046fb3d3d2cc2f7b5a1143e476645d34a9e92eb9156f44d63200e1035932e8a76d4a77b5c20807907294476f6d7fc3b43e9f93670ff87953
+  checksum: dbff14a91957c47d3ef347d1578588685a9d6408a0cb33e9121df59e9c10482844cf60663fd9d3608a61a3e9578ccd5a303b33c61c238e7e89023197f3950c56
   languageName: node
   linkType: hard
 
-"@vanilla-extract/next-plugin@npm:^2.1.1":
-  version: 2.1.3
-  resolution: "@vanilla-extract/next-plugin@npm:2.1.3"
+"@vanilla-extract/next-plugin@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@vanilla-extract/next-plugin@npm:2.3.0"
   dependencies:
-    "@vanilla-extract/webpack-plugin": ^2.2.0
+    "@vanilla-extract/webpack-plugin": ^2.3.0
     browserslist: ^4.19.1
   peerDependencies:
-    next: ">=12.0.5"
-  checksum: 8589961f15eca67caf060d1e3830f09623a51b7f22705611dd3d332f640a19ae110bdb9dd394ccf9ffb27967704b090ce5de1fe45a40b1996fc2c6c40bbc0c9e
+    next: ">=12.1.7"
+  checksum: 0a680255f509aeb80cbad78883e8d9c606d2168c09e63f2e3bea21b91418293a8173e1c9775c751f6e5dd3b12cc98c5a39e53fa2a731f7e1d8b9aabb1d6d4008
   languageName: node
   linkType: hard
 
-"@vanilla-extract/private@npm:^1.0.1, @vanilla-extract/private@npm:^1.0.3":
+"@vanilla-extract/private@npm:^1.0.3":
   version: 1.0.3
   resolution: "@vanilla-extract/private@npm:1.0.3"
   checksum: 866a71ba6804edeb0735684e7723ba78f5cf0bb40d4fb538fe6bf7d73928099e341312337b2a510ac0ce96ff8a4b39eb7f7a5fad0c842532353dd20e7278f29b
   languageName: node
   linkType: hard
 
-"@vanilla-extract/recipes@npm:^0.2.1":
-  version: 0.2.5
-  resolution: "@vanilla-extract/recipes@npm:0.2.5"
+"@vanilla-extract/recipes@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "@vanilla-extract/recipes@npm:0.5.0"
   peerDependencies:
     "@vanilla-extract/css": ^1.0.0
-  checksum: 474ab445f4166bded294d5f77e02ba9b10ec6effe08364c03396e2802848d904a2a1dd9b20466405ebda93449c5a634c2fe99cd1d12888b0f84accf4d2d72666
+  checksum: a05c5be63bfa15289e274027836943cec4b94110becb4b8bc8d56e3113d08352151fbe5abd7c00c147e38922a32d8672dc55c60177a99f94255ce7ecceffc829
   languageName: node
   linkType: hard
 
-"@vanilla-extract/sprinkles@npm:^1.3.1":
-  version: 1.6.0
-  resolution: "@vanilla-extract/sprinkles@npm:1.6.0"
+"@vanilla-extract/sprinkles@npm:^1.6.1":
+  version: 1.6.1
+  resolution: "@vanilla-extract/sprinkles@npm:1.6.1"
   peerDependencies:
     "@vanilla-extract/css": ^1.0.0
-  checksum: ab30ce88f9124f1eacbb5d5fb4f70534cda1ef0fdb992049657b4b480714f340e6b248b12a9c58451d4c7e7cdf55bf2e7a4bfc7c2fc60873ac0da28dc132d32f
+  checksum: 13c53a94b19f9226c2684b0da06b98022d2faaf504cb5a4a8e5a0abae499aaa7855c17aa6d88534800d9427696b3248f4fc1a5332bde336c445d837017569f3b
   languageName: node
   linkType: hard
 
-"@vanilla-extract/vite-plugin@npm:^3.0.0":
-  version: 3.8.2
-  resolution: "@vanilla-extract/vite-plugin@npm:3.8.2"
+"@vanilla-extract/vite-plugin@npm:^3.9.0":
+  version: 3.9.0
+  resolution: "@vanilla-extract/vite-plugin@npm:3.9.0"
   dependencies:
     "@vanilla-extract/integration": ^6.0.2
     outdent: ^0.8.0
@@ -3030,13 +3030,13 @@ __metadata:
     postcss-load-config: ^3.1.0
   peerDependencies:
     vite: ^2.2.3 || ^3.0.0 || ^4.0.3
-  checksum: 9f6e3534aff492abf0b29f37f9f9f969611d34d135f7b18171a13f73ef7b86504da7fd037ecc5b19e56845e06e2bb91cb3b42ab5beeb7e7dfa04c2349aebe1d5
+  checksum: 1eb5850fa8d2c8befaf79256b3a5bfe41fd9f122de140d12d1b937302108efe324df88c09f16e67f2a4cdebb9d627405e7278076768a98604df7604ae0644cdc
   languageName: node
   linkType: hard
 
-"@vanilla-extract/webpack-plugin@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "@vanilla-extract/webpack-plugin@npm:2.2.0"
+"@vanilla-extract/webpack-plugin@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@vanilla-extract/webpack-plugin@npm:2.3.0"
   dependencies:
     "@vanilla-extract/integration": ^6.0.0
     chalk: ^4.1.1
@@ -3044,7 +3044,7 @@ __metadata:
     loader-utils: ^2.0.0
   peerDependencies:
     webpack: ^4.30.0 || ^5.20.2
-  checksum: 3e1741062eb849192558718e85c99d2e1aeefab01f17863d2381d493ec337a1a5137b8aef7bb60687ad754facda184d15ba763231f7bdad307170761755abf67
+  checksum: c5542af6bbd072a4f3cefaa3bbbd614c7898559a1eea9109537f0643ed0cdf1758509602a0fa46a1245e344a4b3b59c56a63295e285357dfdfc7b36adafade4e
   languageName: node
   linkType: hard
 
@@ -4966,13 +4966,13 @@ __metadata:
     "@types/react-dom": ^18.2.5
     "@types/rimraf": ^3.0.2
     "@types/testing-library__jest-dom": ^5.14.6
-    "@vanilla-extract/css": ^1.6.3
-    "@vanilla-extract/css-utils": ^0.1.1
-    "@vanilla-extract/dynamic": ^2.0.0
-    "@vanilla-extract/private": ^1.0.1
-    "@vanilla-extract/recipes": ^0.2.1
-    "@vanilla-extract/sprinkles": ^1.3.1
-    "@vanilla-extract/vite-plugin": ^3.0.0
+    "@vanilla-extract/css": ^1.13.0
+    "@vanilla-extract/css-utils": ^0.1.3
+    "@vanilla-extract/dynamic": ^2.0.3
+    "@vanilla-extract/private": ^1.0.3
+    "@vanilla-extract/recipes": ^0.5.0
+    "@vanilla-extract/sprinkles": ^1.6.1
+    "@vanilla-extract/vite-plugin": ^3.9.0
     clsx: ^1.1.1
     deepmerge: ^4.2.2
     focus-visible: ^5.2.0
@@ -5083,10 +5083,10 @@ __metadata:
     "@types/react": ^18.0.1
     "@types/react-dom": ^17.0.10
     "@types/rimraf": ^3.0.2
-    "@vanilla-extract/babel-plugin": ^1.1.2
-    "@vanilla-extract/css": ^1.6.3
-    "@vanilla-extract/css-utils": ^0.1.1
-    "@vanilla-extract/next-plugin": ^2.1.1
+    "@vanilla-extract/babel-plugin": ^1.2.0
+    "@vanilla-extract/css": ^1.13.0
+    "@vanilla-extract/css-utils": ^0.1.3
+    "@vanilla-extract/next-plugin": ^2.3.0
     copy-to-clipboard: ^3.3.1
     fs-extra: ^10.0.0
     glob: ^7.2.0
@@ -6333,6 +6333,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eval@npm:0.1.8":
+  version: 0.1.8
+  resolution: "eval@npm:0.1.8"
+  dependencies:
+    "@types/node": "*"
+    require-like: ">= 0.1.1"
+  checksum: d005567f394cfbe60948e34982e4637d2665030f9aa7dcac581ea6f9ec6eceb87133ed3dc0ae21764aa362485c242a731dbb6371f1f1a86807c58676431e9d1a
+  languageName: node
+  linkType: hard
+
 "events@npm:^3.2.0":
   version: 3.3.0
   resolution: "events@npm:3.3.0"