diff --git a/components/article/ArticleInlineLayout.module.scss b/components/article/ArticleInlineLayout.module.scss
index 3a514f44ae80..47ea26e2fb09 100644
--- a/components/article/ArticleInlineLayout.module.scss
+++ b/components/article/ArticleInlineLayout.module.scss
@@ -1,4 +1,5 @@
-@import "@primer/css/support/index.scss";
+@import "@primer/css/support/variables/layout.scss";
+@import "@primer/css/support/mixins/layout.scss";
 @import "stylesheets/breakpoint-xxl.scss";
 
 .containerBox {
diff --git a/components/page-header/Header.module.scss b/components/page-header/Header.module.scss
index 4d16c3ce12f8..2897d50eca62 100644
--- a/components/page-header/Header.module.scss
+++ b/components/page-header/Header.module.scss
@@ -1,4 +1,5 @@
-@import "@primer/css/support/index.scss";
+@import "@primer/css/support/variables/layout.scss";
+@import "@primer/css/support/mixins/layout.scss";
 
 .header {
   display: unset;
diff --git a/package-lock.json b/package-lock.json
index 9e2ab3bc6731..ec03dd57d5de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,11 +9,11 @@
       "dependencies": {
         "@elastic/elasticsearch": "7.11.0",
         "@github/failbot": "0.8.3",
-        "@primer/behaviors": "^1.3.3",
-        "@primer/css": "^21.0.1",
-        "@primer/octicons": "^19.1.0",
-        "@primer/octicons-react": "^19.1.0",
-        "@primer/react": "35.27.0",
+        "@primer/behaviors": "^1.3.5",
+        "@primer/css": "^21.0.7",
+        "@primer/octicons": "^19.5.0",
+        "@primer/octicons-react": "^19.5.0",
+        "@primer/react": "35.27.1",
         "accept-language-parser": "^1.5.0",
         "ajv": "^8.11.0",
         "ajv-errors": "^3.0.0",
@@ -2280,15 +2280,16 @@
       }
     },
     "node_modules/@primer/behaviors": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.4.tgz",
-      "integrity": "sha512-j6PhkDD1IdL9xrlKbUQ3YEM74B7Fgr1mIZJ6JaYJjM1Mvdutd/nBouM8SnwFZdBBbS+ZRfGhnx3plr833Pvf1Q=="
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.5.tgz",
+      "integrity": "sha512-HWwz+6MrfK5NTWcg9GdKFpMBW/yrAV937oXiw2eDtsd88P3SRwoCt6ZO6QmKp9RP3nDU9cbqmuGZ0xBh0eIFeg=="
     },
     "node_modules/@primer/css": {
-      "version": "21.0.1",
-      "license": "MIT",
+      "version": "21.0.7",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.0.7.tgz",
+      "integrity": "sha512-Iq0VkpLVZqHZTo2JOIv+RPVu3bWj/BU/MIZrNZ4GRTJTY0YFQ/YCmUYKY1swgiCiPF/RKew5xIkf1cWaqtkQEA==",
       "dependencies": {
-        "@primer/primitives": "^7.11.7",
+        "@primer/primitives": "^7.11.12",
         "@primer/view-components": "^0.1.0"
       },
       "engines": {
@@ -2296,17 +2297,17 @@
       }
     },
     "node_modules/@primer/octicons": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-19.1.0.tgz",
-      "integrity": "sha512-5o90F89gNPnAk1qfzl3hb/TcsUjk5g0WFI+fBRHLkBKzB3uc9EvxTpgzjXhhjyriOkrBOjFo58D0sjtwttaQww==",
+      "version": "19.5.0",
+      "resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-19.5.0.tgz",
+      "integrity": "sha512-b3IBp3EmzLc/YMw3xdqy7Lg8CgFObYaWegPntoKO1bZLZ4sAG5PRMPp36rj4TF1sDHbNufhGMvdCCM5VdS3mPQ==",
       "dependencies": {
         "object-assign": "^4.1.1"
       }
     },
     "node_modules/@primer/octicons-react": {
-      "version": "19.4.0",
-      "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-19.4.0.tgz",
-      "integrity": "sha512-6zFbvbQYQdGd9cIgNscnofSe0LkV28PvcL4mWPoKFV1u7Mdn3MlOjgawzuA2oXB18LLkMadTJ4Ky77FybUlrBg==",
+      "version": "19.5.0",
+      "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-19.5.0.tgz",
+      "integrity": "sha512-8GZCcoyGz0CYhW+zi0yMsrn2qSBzZp4dbRomesAhtOzJLxKGZMyFd7VSp7mEYCCujMSCj/8faKgzyj7UrL6/3w==",
       "engines": {
         "node": ">=8"
       },
@@ -2315,14 +2316,14 @@
       }
     },
     "node_modules/@primer/primitives": {
-      "version": "7.11.11",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.11.tgz",
-      "integrity": "sha512-5McPeE83AGcYm2uHbQEIOOa6JPv2SUFPDjYbf2I5QnvmNm9ZUbS446zWC3ygNi54uks7znuTDFrU325vpnze7g=="
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.12.0.tgz",
+      "integrity": "sha512-QKNxfWm7Ik1Ulswyp3KeUL2xnQj8i0E7DdB6lOrh29o7LgyuutwcOHi4CGapBIOR1fYURu+yROSTHQ2C2aDK7A=="
     },
     "node_modules/@primer/react": {
-      "version": "35.27.0",
-      "resolved": "https://registry.npmjs.org/@primer/react/-/react-35.27.0.tgz",
-      "integrity": "sha512-aToT6Qdwqv4TM/3l63LNMfUyRjDLaXdKhqw0++BHcbD9z9W4va0If5OsPqDYIsOun6BDdptMdliFYTUW0ZPH3w==",
+      "version": "35.27.1",
+      "resolved": "https://registry.npmjs.org/@primer/react/-/react-35.27.1.tgz",
+      "integrity": "sha512-xA10ygf2OUECqPCclYdA4wRyheLUj61BqOU6I+bY9AckQCNitpbFcbS9TIuOI/KTO9NkfngvcEtYkLtEZ8btNQ==",
       "dependencies": {
         "@github/combobox-nav": "^2.1.5",
         "@github/markdown-toolbar-element": "^2.1.0",
diff --git a/package.json b/package.json
index 8f3004dc96d5..9a1937aca9d5 100644
--- a/package.json
+++ b/package.json
@@ -58,11 +58,11 @@
   "dependencies": {
     "@elastic/elasticsearch": "7.11.0",
     "@github/failbot": "0.8.3",
-    "@primer/behaviors": "^1.3.3",
-    "@primer/css": "^21.0.1",
-    "@primer/octicons": "^19.1.0",
-    "@primer/octicons-react": "^19.1.0",
-    "@primer/react": "35.27.0",
+    "@primer/behaviors": "^1.3.5",
+    "@primer/css": "^21.0.7",
+    "@primer/octicons": "^19.5.0",
+    "@primer/octicons-react": "^19.5.0",
+    "@primer/react": "35.27.1",
     "accept-language-parser": "^1.5.0",
     "ajv": "^8.11.0",
     "ajv-errors": "^3.0.0",
diff --git a/src/release-notes/components/PatchNotes.module.scss b/src/release-notes/components/PatchNotes.module.scss
index ec203991c069..47d81ef5376c 100644
--- a/src/release-notes/components/PatchNotes.module.scss
+++ b/src/release-notes/components/PatchNotes.module.scss
@@ -1,4 +1,5 @@
-@import "@primer/css/support/index.scss";
+@import "@primer/css/support/variables/layout.scss";
+@import "@primer/css/support/mixins/layout.scss";
 @import "stylesheets/breakpoint-xxl.scss";
 
 .aside {
diff --git a/src/rest/components/RestCodeSamples.module.scss b/src/rest/components/RestCodeSamples.module.scss
index 3b11325e0694..398122144427 100644
--- a/src/rest/components/RestCodeSamples.module.scss
+++ b/src/rest/components/RestCodeSamples.module.scss
@@ -1,4 +1,5 @@
-@import "@primer/css/support/index.scss";
+@import "@primer/css/support/variables/layout.scss";
+@import "@primer/css/support/mixins/layout.scss";
 
 .codeBlock {
   overflow-y: auto;
diff --git a/src/webhooks/components/WebhookPayloadExample.module.scss b/src/webhooks/components/WebhookPayloadExample.module.scss
index f8dc9c2ccf23..cbadfb17814d 100644
--- a/src/webhooks/components/WebhookPayloadExample.module.scss
+++ b/src/webhooks/components/WebhookPayloadExample.module.scss
@@ -1,4 +1,5 @@
-@import "@primer/css/support/index.scss";
+@import "@primer/css/support/variables/layout.scss";
+@import "@primer/css/support/mixins/layout.scss";
 
 .payloadExample {
   margin-bottom: 1rem;