diff --git a/package.json b/package.json
index 0277abf9..3812075a 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,7 @@
     "@types/react": "^18.2.21",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
-    "@vector-im/compound-design-tokens": "^2.0.0",
+    "@vector-im/compound-design-tokens": "^3.0.0",
     "@vitejs/plugin-react": "^4.0.4",
     "@vitest/coverage-v8": "^2.0.0",
     "browserslist-to-esbuild": "^2.0.0",
@@ -118,7 +118,7 @@
     "@fontsource/inconsolata": "^5",
     "@fontsource/inter": "^5",
     "@types/react": "*",
-    "@vector-im/compound-design-tokens": ">=1.6.1 <3.0.0",
+    "@vector-im/compound-design-tokens": ">=1.6.1 <4.0.0",
     "react": "^18"
   },
   "peerDependenciesMeta": {
diff --git a/yarn.lock b/yarn.lock
index 1485c97f..76925714 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1687,10 +1687,10 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@vector-im/compound-design-tokens@^2.0.0":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-2.1.2.tgz#fc562930dafabe3ecc1df0d255159a402e090f06"
-  integrity sha512-as61RKfjm5p3X2Nc6SUHLjDmUJyAOqYFwF8rYngvLU7ZuP5IZfBnYp3FDYYmRGN/Vg6kQdUsXTDCeew0HjSGEQ==
+"@vector-im/compound-design-tokens@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-3.0.1.tgz#ee9c6ca84946b17900cdda10715b69c4b4b29264"
+  integrity sha512-uwpMteMxfX1xRKM5xe6IcuHAGMWYFHAD/R0ANia6JYnP2Q2ytlqUDDFa/nqNqMLYdVytbZs3bJtOfuJxmUJfgg==
 
 "@vitejs/plugin-react@^4.0.4":
   version "4.3.4"