diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/default.png
index 3b70c35b4e..23f48365ec 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/default.png differ
diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/focused.png
index 749f9fbc42..89b41d102e 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/all_schemes/focused.png differ
diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png
index c565d3cbf7..a69b25775c 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/default.png differ
diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png
index d039cb0dea..91c77aaa22 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/icon_button/danger/focused.png differ
diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/default.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/default.png
index 758fbd4ede..ddf1ceb29d 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/default.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/default.png differ
diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/focused.png
index 758fbd4ede..ddf1ceb29d 100644
Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/state/states_open/focused.png differ
diff --git a/demo/package-lock.json b/demo/package-lock.json
index 0a2ba3efe2..5ad8ec214d 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@primer/css": "^21.5.1",
-        "@primer/primitives": "^9.1.2",
+        "@primer/primitives": "^10.0.0",
         "@rails/actioncable": "^7.2.100",
         "@rails/ujs": "^7.1.500",
         "turbolinks": "^5.2.0"
@@ -422,20 +422,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@prettier/sync": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@prettier/sync/-/sync-0.5.2.tgz",
-      "integrity": "sha512-Yb569su456XNx5BsH/Vyem7xD6g/y9iLmLUzRKM1a/dhU/D7HqqvkAG72znulXlMXztbV0iiu9O5AL8K98TzZQ==",
-      "dependencies": {
-        "make-synchronized": "^0.2.8"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier-synchronized?sponsor=1"
-      },
-      "peerDependencies": {
-        "prettier": "*"
-      }
-    },
     "node_modules/@primer/css": {
       "version": "21.5.1",
       "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.5.1.tgz",
@@ -448,12 +434,11 @@
       }
     },
     "node_modules/@primer/primitives": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-9.1.2.tgz",
-      "integrity": "sha512-KecRJpUdIf14J3gVpoyMMJeQD6Sh5kcHk93N5bYch4XGB0GOZP3ypxz+NByMjr/2HHPsRfCCO5EEgNjmeWYUGQ==",
-      "dependencies": {
-        "@prettier/sync": "^0.5.2",
-        "prettier": "3.3"
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-10.0.0.tgz",
+      "integrity": "sha512-UPoYfG3BwPHRVX+J99tshUjXWcq8L66feofCGQa5g0SNYC7HO2d9TLE/FXsVV3UUXEi24CwhGRyCGCmubdekjw==",
+      "optionalDependencies": {
+        "@rollup/rollup-linux-x64-gnu": "^4.22.0"
       }
     },
     "node_modules/@rails/actioncable": {
@@ -616,7 +601,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -831,14 +815,6 @@
         "node": ">=0.12.0"
       }
     },
-    "node_modules/make-synchronized": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/make-synchronized/-/make-synchronized-0.2.9.tgz",
-      "integrity": "sha512-4wczOs8SLuEdpEvp3vGo83wh8rjJ78UsIk7DIX5fxdfmfMJGog4bQzxfvOwq7Q3yCHLC4jp1urPHIxRS/A93gA==",
-      "funding": {
-        "url": "https://github.com/fisker/make-synchronized?sponsor=1"
-      }
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -925,20 +901,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/prettier": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -1338,14 +1300,6 @@
         "fastq": "^1.6.0"
       }
     },
-    "@prettier/sync": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@prettier/sync/-/sync-0.5.2.tgz",
-      "integrity": "sha512-Yb569su456XNx5BsH/Vyem7xD6g/y9iLmLUzRKM1a/dhU/D7HqqvkAG72znulXlMXztbV0iiu9O5AL8K98TzZQ==",
-      "requires": {
-        "make-synchronized": "^0.2.8"
-      }
-    },
     "@primer/css": {
       "version": "21.5.1",
       "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.5.1.tgz",
@@ -1353,12 +1307,11 @@
       "requires": {}
     },
     "@primer/primitives": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-9.1.2.tgz",
-      "integrity": "sha512-KecRJpUdIf14J3gVpoyMMJeQD6Sh5kcHk93N5bYch4XGB0GOZP3ypxz+NByMjr/2HHPsRfCCO5EEgNjmeWYUGQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-10.0.0.tgz",
+      "integrity": "sha512-UPoYfG3BwPHRVX+J99tshUjXWcq8L66feofCGQa5g0SNYC7HO2d9TLE/FXsVV3UUXEi24CwhGRyCGCmubdekjw==",
       "requires": {
-        "@prettier/sync": "^0.5.2",
-        "prettier": "3.3"
+        "@rollup/rollup-linux-x64-gnu": "^4.22.0"
       }
     },
     "@rails/actioncable": {
@@ -1452,7 +1405,6 @@
       "version": "4.22.4",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
       "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
-      "dev": true,
       "optional": true
     },
     "@rollup/rollup-linux-x64-musl": {
@@ -1605,11 +1557,6 @@
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true
     },
-    "make-synchronized": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/make-synchronized/-/make-synchronized-0.2.9.tgz",
-      "integrity": "sha512-4wczOs8SLuEdpEvp3vGo83wh8rjJ78UsIk7DIX5fxdfmfMJGog4bQzxfvOwq7Q3yCHLC4jp1urPHIxRS/A93gA=="
-    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -1655,11 +1602,6 @@
         "source-map-js": "^1.2.0"
       }
     },
-    "prettier": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew=="
-    },
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
diff --git a/demo/package.json b/demo/package.json
index e5ae55ca62..096003758e 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -4,7 +4,7 @@
   "version": "0.1.0",
   "dependencies": {
     "@primer/css": "^21.5.1",
-    "@primer/primitives": "^9.1.2",
+    "@primer/primitives": "^10.0.0",
     "@rails/actioncable": "^7.2.100",
     "@rails/ujs": "^7.1.500",
     "turbolinks": "^5.2.0"