diff --git a/package-lock.json b/package-lock.json
index ca2eae9c..3c5d7257 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
                 "@vue/test-utils": "^2.4.3",
                 "@vue/vue3-jest": "^29.2.4",
                 "@wikimedia/codex": "^1.0.1",
-                "@wikimedia/codex-design-tokens": "^1.0.1",
+                "@wikimedia/codex-design-tokens": "^1.2.0",
                 "@wikimedia/codex-icons": "^1.0.1",
                 "@wikimedia/language-data": "^1.1.4",
                 "axios": "^1.5.1",
@@ -3742,23 +3742,6 @@
             "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "dev": true
         },
-        "node_modules/@typescript-eslint/scope-manager": {
-            "version": "6.11.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.11.0.tgz",
-            "integrity": "sha512-0A8KoVvIURG4uhxAdjSaxy8RdRE//HztaZdG8KiHLP8WOXSk0vlF7Pvogv+vlJA5Rnjj/wDcFENvDaHb+gKd1A==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "6.11.0",
-                "@typescript-eslint/visitor-keys": "6.11.0"
-            },
-            "engines": {
-                "node": "^16.0.0 || >=18.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
         "node_modules/@typescript-eslint/type-utils": {
             "version": "6.13.1",
             "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.13.1.tgz",
@@ -3876,79 +3859,6 @@
             "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "dev": true
         },
-        "node_modules/@typescript-eslint/types": {
-            "version": "6.11.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.11.0.tgz",
-            "integrity": "sha512-ZbEzuD4DwEJxwPqhv3QULlRj8KYTAnNsXxmfuUXFCxZmO6CF2gM/y+ugBSAQhrqaJL3M+oe4owdWunaHM6beqA==",
-            "dev": true,
-            "engines": {
-                "node": "^16.0.0 || >=18.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "6.11.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.11.0.tgz",
-            "integrity": "sha512-Aezzv1o2tWJwvZhedzvD5Yv7+Lpu1by/U1LZ5gLc4tCx8jUmuSCMioPFRjliN/6SJIvY6HpTtJIWubKuYYYesQ==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "6.11.0",
-                "@typescript-eslint/visitor-keys": "6.11.0",
-                "debug": "^4.3.4",
-                "globby": "^11.1.0",
-                "is-glob": "^4.0.3",
-                "semver": "^7.5.4",
-                "ts-api-utils": "^1.0.1"
-            },
-            "engines": {
-                "node": "^16.0.0 || >=18.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-            "dev": true,
-            "dependencies": {
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-            "version": "7.5.4",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-            "dev": true,
-            "dependencies": {
-                "lru-cache": "^6.0.0"
-            },
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true
-        },
         "node_modules/@typescript-eslint/utils": {
             "version": "6.13.1",
             "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.13.1.tgz",
@@ -4081,23 +3991,6 @@
             "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
             "dev": true
         },
-        "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "6.11.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.11.0.tgz",
-            "integrity": "sha512-+SUN/W7WjBr05uRxPggJPSzyB8zUpaYo2hByKasWbqr3PM8AXfZt8UHdNpBS1v9SA62qnSSMF3380SwDqqprgQ==",
-            "dev": true,
-            "dependencies": {
-                "@typescript-eslint/types": "6.11.0",
-                "eslint-visitor-keys": "^3.4.1"
-            },
-            "engines": {
-                "node": "^16.0.0 || >=18.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/typescript-eslint"
-            }
-        },
         "node_modules/@ungap/structured-clone": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -4522,9 +4415,9 @@
             }
         },
         "node_modules/@wikimedia/codex-design-tokens": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-1.0.1.tgz",
-            "integrity": "sha512-JRWq9MXFbsKt6CByLGxnzdVibw8TJtlWhvxILKG1CTMC0PWlBtVTII/9ddsskm08ZXi8pkv083Yb8ifFROJ1Gw==",
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-1.2.0.tgz",
+            "integrity": "sha512-UfHlydOKXpwbaVF4kiSTHnHN6szUrEzmmqOuAnQ2rvAjCw+ztZmKelfgb2JGSU/YU107cfuwXrSbo6DzIqHUuw==",
             "dev": true,
             "engines": {
                 "node": ">=16",
diff --git a/package.json b/package.json
index 316bac70..b0e01aec 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@vue/vue3-jest": "^29.2.4",
         "@vue/runtime-dom": "^3.3.9",
         "@wikimedia/codex": "^1.0.1",
-        "@wikimedia/codex-design-tokens": "^1.0.1",
+        "@wikimedia/codex-design-tokens": "^1.2.0",
         "@wikimedia/codex-icons": "^1.0.1",
         "@wikimedia/language-data": "^1.1.4",
         "axios": "^1.5.1",