diff --git a/package-lock.json b/package-lock.json
index ae43174a88b..47b8c1c71db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@faker-js/faker": "^6.0.0-alpha.3",
         "@octokit/graphql": "^4.8.0",
         "@octokit/rest": "^18.12.0",
-        "@primer/css": "^19.3.0",
+        "@primer/css": "^22.0.2",
         "axios": "^0.25.0",
         "clipboard": "^2.0.10",
         "compression": "^1.7.4",
@@ -1847,20 +1847,21 @@
       "integrity": "sha1-XUGq4K61gnqbjuFcqsSnCgWBETo="
     },
     "node_modules/@primer/css": {
-      "version": "19.3.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-19.3.0.tgz",
-      "integrity": "sha512-8vmesDNX2K+VrVpeRu9vRLEF0o/XYMoLQCexyVV6TxMI0YNOgnGQhO8EsXuwDK49pjKPXBLrFu4FnTo4q3WYcQ==",
-      "dependencies": {
-        "@primer/primitives": "^7.4.0"
-      },
+      "version": "22.0.2",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-22.0.2.tgz",
+      "integrity": "sha512-FfXd1ga05oewKjDRi9cPmy7BSnb/6QOjTIxAtDj94Hoyk+qJxHhgvhbcnZwBfL3WKP6HeUT3PnsT9k+43Bmg3Q==",
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@primer/primitives": "10.x || 11.x"
       }
     },
     "node_modules/@primer/primitives": {
-      "version": "7.4.0",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.4.0.tgz",
-      "integrity": "sha512-gD6yHXN7YKox/bdUNgxhoSS/WXZVaORK1r4dOAyTrdoPrLV/ucIfRInPyVcTF+Mqr0zcTFJtiMtuA5Y8CSyOEg=="
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-11.3.0.tgz",
+      "integrity": "sha512-eQkAaODy7/T1LwX38YLdQUKNTcLdiIY5DN8u2Ylov0Y1MOGpMCW4yF6/oH8slS3WDnQVbtNOAqqyuGYM8Un41g==",
+      "peer": true
     },
     "node_modules/@sindresorhus/is": {
       "version": "4.0.1",
@@ -11431,17 +11432,16 @@
       }
     },
     "@primer/css": {
-      "version": "19.3.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-19.3.0.tgz",
-      "integrity": "sha512-8vmesDNX2K+VrVpeRu9vRLEF0o/XYMoLQCexyVV6TxMI0YNOgnGQhO8EsXuwDK49pjKPXBLrFu4FnTo4q3WYcQ==",
-      "requires": {
-        "@primer/primitives": "^7.4.0"
-      }
+      "version": "22.0.2",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-22.0.2.tgz",
+      "integrity": "sha512-FfXd1ga05oewKjDRi9cPmy7BSnb/6QOjTIxAtDj94Hoyk+qJxHhgvhbcnZwBfL3WKP6HeUT3PnsT9k+43Bmg3Q==",
+      "requires": {}
     },
     "@primer/primitives": {
-      "version": "7.4.0",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.4.0.tgz",
-      "integrity": "sha512-gD6yHXN7YKox/bdUNgxhoSS/WXZVaORK1r4dOAyTrdoPrLV/ucIfRInPyVcTF+Mqr0zcTFJtiMtuA5Y8CSyOEg=="
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-11.3.0.tgz",
+      "integrity": "sha512-eQkAaODy7/T1LwX38YLdQUKNTcLdiIY5DN8u2Ylov0Y1MOGpMCW4yF6/oH8slS3WDnQVbtNOAqqyuGYM8Un41g==",
+      "peer": true
     },
     "@sindresorhus/is": {
       "version": "4.0.1",
diff --git a/package.json b/package.json
index 1907d982074..d9fc605d9b1 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "@faker-js/faker": "^6.0.0-alpha.3",
     "@octokit/graphql": "^4.8.0",
     "@octokit/rest": "^18.12.0",
-    "@primer/css": "^19.3.0",
+    "@primer/css": "^22.0.2",
     "axios": "^0.25.0",
     "clipboard": "^2.0.10",
     "compression": "^1.7.4",