diff --git a/package-lock.json b/package-lock.json
index f4a4b1baee00..11d0e7802e5f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
         "@github/failbot": "0.8.0",
         "@hapi/accept": "^5.0.2",
         "@primer/components": "^32.1.0",
-        "@primer/css": "^18.2.0",
+        "@primer/css": "^20.8.1",
         "@primer/octicons": "^16.1.1",
         "@primer/octicons-react": "^16.1.1",
         "@react-aria/ssr": "^3.1.0",
@@ -2145,6 +2145,47 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@github/auto-check-element": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@github/auto-check-element/-/auto-check-element-5.2.0.tgz",
+      "integrity": "sha512-YODZZUSeoZVJQ04p73MAohrEK37SJlVRDUTaFiPYse9K3z3bNEm+ekq5qYCIyDKGgX7hUhr3WZF35qHxr/zu0Q==",
+      "dependencies": {
+        "@github/mini-throttle": "^1.0.7"
+      }
+    },
+    "node_modules/@github/auto-check-element/node_modules/@github/mini-throttle": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@github/mini-throttle/-/mini-throttle-1.0.7.tgz",
+      "integrity": "sha512-1fzCDXpxI4J59pNmO0r0Y1g+R8Sa2B5ersce8AuFu5STMu7b++9osdedK0zWduYowBIgsPQZihJBN19WrAF64g=="
+    },
+    "node_modules/@github/auto-complete-element": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.3.4.tgz",
+      "integrity": "sha512-b9SBCLIQGfCI3G0pGYE8rBSUDON5iFKUgHXgAtVdgZii0dnLFxNl5tn1R/RaBEFdzBQPDl9vqu41TF/Hs3w8FA==",
+      "dependencies": {
+        "@github/combobox-nav": "^2.0.2"
+      }
+    },
+    "node_modules/@github/catalyst": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.6.0.tgz",
+      "integrity": "sha512-u8A+DameixqpeyHzvnJWTGj+wfiskQOYHzSiJscCWVfMkIT3rxnbHMtGh3lMthaRY21nbUOK71WcsCnCrXhBJQ=="
+    },
+    "node_modules/@github/clipboard-copy-element": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@github/clipboard-copy-element/-/clipboard-copy-element-1.1.2.tgz",
+      "integrity": "sha512-L6CMrcA5we0udafvoSuRCE/Ci/3xrLWKYRGup2IlhxF771bQYsQ2EB1of182pI8ZWM4oxgwzu37+igMeoZjN/A=="
+    },
+    "node_modules/@github/combobox-nav": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@github/combobox-nav/-/combobox-nav-2.1.6.tgz",
+      "integrity": "sha512-jY0xfh+IBMAKySjLd02Ygc7sHnlhAsDTe4Kpy3D0Zzazhyas4KgAG459wCMQ0V3vx0PDkeaqbZTZNa3CykcElA=="
+    },
+    "node_modules/@github/details-menu-element": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@github/details-menu-element/-/details-menu-element-1.0.13.tgz",
+      "integrity": "sha512-gMkii86w/oUP5dq8yOWZn1sgbgtFj3AYETxxtpsqRggZktgd8te4+npAn4Hm+936c/lxmEzXqfjARL/CzGR4+w=="
+    },
     "node_modules/@github/failbot": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@github/failbot/-/failbot-0.8.0.tgz",
@@ -2154,6 +2195,26 @@
         "npm": ">= 7.x"
       }
     },
+    "node_modules/@github/image-crop-element": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@github/image-crop-element/-/image-crop-element-5.0.0.tgz",
+      "integrity": "sha512-Vgm2OwWAs1ESoib/t5sjxsAYo6YTOxxAjWDRxswX7qrqoyCejTZ3hshdo4Ep5e+Mz/GVTZC3rdMtg06dk/eT4g=="
+    },
+    "node_modules/@github/mini-throttle": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@github/mini-throttle/-/mini-throttle-2.1.0.tgz",
+      "integrity": "sha512-iEeR2OdVCPkdIPUszL8gJnKNu4MR8ANh7y0u/LPyaatYezgaWxUZEzhFntloqQq+HE6MZkFy+cl+xzCNuljOdw=="
+    },
+    "node_modules/@github/relative-time-element": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@github/relative-time-element/-/relative-time-element-4.1.5.tgz",
+      "integrity": "sha512-WAf1EQV5Sn6jGuAIQur/ztKlEV9R+VHDNwqEbeaOb6s9fiwM5z7+ujlWNZtgFkDp3lF0H8D/f0vdiPlfHz0ZTQ=="
+    },
+    "node_modules/@github/tab-container-element": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@github/tab-container-element/-/tab-container-element-3.2.0.tgz",
+      "integrity": "sha512-to5ZJuywKK3KX53X1ifOcWjvUTQcBGdQ6Qkhm8L97xQ3ovICag1048M3YMpc+QSdr8xWeCBMnLeMnENqotB0Og=="
+    },
     "node_modules/@graphql-inspector/core": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/@graphql-inspector/core/-/core-2.9.0.tgz",
@@ -3651,6 +3712,11 @@
         "@octokit/openapi-types": "^11.2.0"
       }
     },
+    "node_modules/@primer/behaviors": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.1.tgz",
+      "integrity": "sha512-aMRDUQ350lk0FxtL5gJWPFHHOSSzDbJ6uNJVIt8XSqiGe1pxuW5mVVfrEp1uvzZ0pCHkCdm9fycjnfOeMeIrOQ=="
+    },
     "node_modules/@primer/components": {
       "version": "32.1.0",
       "resolved": "https://registry.npmjs.org/@primer/components/-/components-32.1.0.tgz",
@@ -3681,20 +3747,21 @@
       }
     },
     "node_modules/@primer/css": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-18.2.0.tgz",
-      "integrity": "sha512-tU84BKF4HfhyyW7eB/BijcSf862JGIKcm5Z/dFdoZW7AFM1PpMDYiUp8h4j5XtsWxtXSqe3xxqTGTFXsmKGPtw==",
+      "version": "20.8.1",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.8.1.tgz",
+      "integrity": "sha512-V2CdyehHCYLjFqt2+apQD2bQPrvMjmWGv/eA/A69/C1KiJvhlz5zp1sP+WW7l9EHhBkXy4bhFJ/YEML00nbG9g==",
       "dependencies": {
-        "@primer/primitives": "^6.1.0"
+        "@primer/primitives": "^7.9.0",
+        "@primer/view-components": "^0.0.117"
       },
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
     "node_modules/@primer/css/node_modules/@primer/primitives": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-6.1.0.tgz",
-      "integrity": "sha512-gwSVf5rVf2CMa/bU3/47LZosDHNfODMRJfKi7uJOqHWABVNl6Lf+thDM7Jb8tS9sEQQsUnrLDiGNjCScS81IXA=="
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.10.0.tgz",
+      "integrity": "sha512-DdLHq21e93R9qDHyRuRpytBLY0Up9IwNWMOUgPNW6lRSng4N4+IdUlLS3Ekbasmxfs8Z8vKS8aezeYovQ5qsxQ=="
     },
     "node_modules/@primer/octicons": {
       "version": "16.1.1",
@@ -3720,6 +3787,23 @@
       "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.1.1.tgz",
       "integrity": "sha512-+Gwo89YK1OFi6oubTlah/zPxxzMNaMLy+inECAYI646KIFdzzhAsKWb3z5tSOu5Ff7no4isRV64rWfMSKLZclw=="
     },
+    "node_modules/@primer/view-components": {
+      "version": "0.0.117",
+      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.0.117.tgz",
+      "integrity": "sha512-srCp6BeSaCSELxvD6P+xp8/NGtiHoj9iY4y9duI1SS5wdc11JtaCXm5Iq/8SQaFZ9ONaIQnyeAveSuUCE7Jb8A==",
+      "dependencies": {
+        "@github/auto-check-element": "^5.2.0",
+        "@github/auto-complete-element": "^3.3.4",
+        "@github/catalyst": "^1.6.0",
+        "@github/clipboard-copy-element": "^1.1.2",
+        "@github/details-menu-element": "^1.0.12",
+        "@github/image-crop-element": "^5.0.0",
+        "@github/mini-throttle": "^2.1.0",
+        "@github/relative-time-element": "^4.0.0",
+        "@github/tab-container-element": "^3.1.2",
+        "@primer/behaviors": "^1.2.0"
+      }
+    },
     "node_modules/@radix-ui/react-polymorphic": {
       "version": "0.0.14",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-polymorphic/-/react-polymorphic-0.0.14.tgz",
@@ -18954,6 +19038,14 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/rehype-highlight/node_modules/highlight.js": {
+      "version": "11.3.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.3.1.tgz",
+      "integrity": "sha512-PUhCRnPjLtiLHZAQ5A/Dt5F8cWZeMyj9KRsACsWT+OD6OP0x6dp5OmT5jdx0JgEyPxPZZIPQpRN2TciUT7occw==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/rehype-highlight/node_modules/lowlight": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-2.4.0.tgz",
@@ -24609,11 +24701,74 @@
         }
       }
     },
+    "@github/auto-check-element": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@github/auto-check-element/-/auto-check-element-5.2.0.tgz",
+      "integrity": "sha512-YODZZUSeoZVJQ04p73MAohrEK37SJlVRDUTaFiPYse9K3z3bNEm+ekq5qYCIyDKGgX7hUhr3WZF35qHxr/zu0Q==",
+      "requires": {
+        "@github/mini-throttle": "^1.0.7"
+      },
+      "dependencies": {
+        "@github/mini-throttle": {
+          "version": "1.0.7",
+          "resolved": "https://registry.npmjs.org/@github/mini-throttle/-/mini-throttle-1.0.7.tgz",
+          "integrity": "sha512-1fzCDXpxI4J59pNmO0r0Y1g+R8Sa2B5ersce8AuFu5STMu7b++9osdedK0zWduYowBIgsPQZihJBN19WrAF64g=="
+        }
+      }
+    },
+    "@github/auto-complete-element": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.3.4.tgz",
+      "integrity": "sha512-b9SBCLIQGfCI3G0pGYE8rBSUDON5iFKUgHXgAtVdgZii0dnLFxNl5tn1R/RaBEFdzBQPDl9vqu41TF/Hs3w8FA==",
+      "requires": {
+        "@github/combobox-nav": "^2.0.2"
+      }
+    },
+    "@github/catalyst": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@github/catalyst/-/catalyst-1.6.0.tgz",
+      "integrity": "sha512-u8A+DameixqpeyHzvnJWTGj+wfiskQOYHzSiJscCWVfMkIT3rxnbHMtGh3lMthaRY21nbUOK71WcsCnCrXhBJQ=="
+    },
+    "@github/clipboard-copy-element": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@github/clipboard-copy-element/-/clipboard-copy-element-1.1.2.tgz",
+      "integrity": "sha512-L6CMrcA5we0udafvoSuRCE/Ci/3xrLWKYRGup2IlhxF771bQYsQ2EB1of182pI8ZWM4oxgwzu37+igMeoZjN/A=="
+    },
+    "@github/combobox-nav": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@github/combobox-nav/-/combobox-nav-2.1.6.tgz",
+      "integrity": "sha512-jY0xfh+IBMAKySjLd02Ygc7sHnlhAsDTe4Kpy3D0Zzazhyas4KgAG459wCMQ0V3vx0PDkeaqbZTZNa3CykcElA=="
+    },
+    "@github/details-menu-element": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@github/details-menu-element/-/details-menu-element-1.0.13.tgz",
+      "integrity": "sha512-gMkii86w/oUP5dq8yOWZn1sgbgtFj3AYETxxtpsqRggZktgd8te4+npAn4Hm+936c/lxmEzXqfjARL/CzGR4+w=="
+    },
     "@github/failbot": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@github/failbot/-/failbot-0.8.0.tgz",
       "integrity": "sha512-54JAU2lQifkWW+EE77YxZDdX2adQLKB0M3eCaNNbGbxfyUDN2zZ8D4CKNnMCbQ7kq2TKGuOt2h8obdJEglyJ5A=="
     },
+    "@github/image-crop-element": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@github/image-crop-element/-/image-crop-element-5.0.0.tgz",
+      "integrity": "sha512-Vgm2OwWAs1ESoib/t5sjxsAYo6YTOxxAjWDRxswX7qrqoyCejTZ3hshdo4Ep5e+Mz/GVTZC3rdMtg06dk/eT4g=="
+    },
+    "@github/mini-throttle": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@github/mini-throttle/-/mini-throttle-2.1.0.tgz",
+      "integrity": "sha512-iEeR2OdVCPkdIPUszL8gJnKNu4MR8ANh7y0u/LPyaatYezgaWxUZEzhFntloqQq+HE6MZkFy+cl+xzCNuljOdw=="
+    },
+    "@github/relative-time-element": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@github/relative-time-element/-/relative-time-element-4.1.5.tgz",
+      "integrity": "sha512-WAf1EQV5Sn6jGuAIQur/ztKlEV9R+VHDNwqEbeaOb6s9fiwM5z7+ujlWNZtgFkDp3lF0H8D/f0vdiPlfHz0ZTQ=="
+    },
+    "@github/tab-container-element": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@github/tab-container-element/-/tab-container-element-3.2.0.tgz",
+      "integrity": "sha512-to5ZJuywKK3KX53X1ifOcWjvUTQcBGdQ6Qkhm8L97xQ3ovICag1048M3YMpc+QSdr8xWeCBMnLeMnENqotB0Og=="
+    },
     "@graphql-inspector/core": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/@graphql-inspector/core/-/core-2.9.0.tgz",
@@ -25794,6 +25949,11 @@
         "@octokit/openapi-types": "^11.2.0"
       }
     },
+    "@primer/behaviors": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.1.tgz",
+      "integrity": "sha512-aMRDUQ350lk0FxtL5gJWPFHHOSSzDbJ6uNJVIt8XSqiGe1pxuW5mVVfrEp1uvzZ0pCHkCdm9fycjnfOeMeIrOQ=="
+    },
     "@primer/components": {
       "version": "32.1.0",
       "resolved": "https://registry.npmjs.org/@primer/components/-/components-32.1.0.tgz",
@@ -25819,17 +25979,18 @@
       }
     },
     "@primer/css": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-18.2.0.tgz",
-      "integrity": "sha512-tU84BKF4HfhyyW7eB/BijcSf862JGIKcm5Z/dFdoZW7AFM1PpMDYiUp8h4j5XtsWxtXSqe3xxqTGTFXsmKGPtw==",
+      "version": "20.8.1",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.8.1.tgz",
+      "integrity": "sha512-V2CdyehHCYLjFqt2+apQD2bQPrvMjmWGv/eA/A69/C1KiJvhlz5zp1sP+WW7l9EHhBkXy4bhFJ/YEML00nbG9g==",
       "requires": {
-        "@primer/primitives": "^6.1.0"
+        "@primer/primitives": "^7.9.0",
+        "@primer/view-components": "^0.0.117"
       },
       "dependencies": {
         "@primer/primitives": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-6.1.0.tgz",
-          "integrity": "sha512-gwSVf5rVf2CMa/bU3/47LZosDHNfODMRJfKi7uJOqHWABVNl6Lf+thDM7Jb8tS9sEQQsUnrLDiGNjCScS81IXA=="
+          "version": "7.10.0",
+          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.10.0.tgz",
+          "integrity": "sha512-DdLHq21e93R9qDHyRuRpytBLY0Up9IwNWMOUgPNW6lRSng4N4+IdUlLS3Ekbasmxfs8Z8vKS8aezeYovQ5qsxQ=="
         }
       }
     },
@@ -25852,6 +26013,23 @@
       "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.1.1.tgz",
       "integrity": "sha512-+Gwo89YK1OFi6oubTlah/zPxxzMNaMLy+inECAYI646KIFdzzhAsKWb3z5tSOu5Ff7no4isRV64rWfMSKLZclw=="
     },
+    "@primer/view-components": {
+      "version": "0.0.117",
+      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.0.117.tgz",
+      "integrity": "sha512-srCp6BeSaCSELxvD6P+xp8/NGtiHoj9iY4y9duI1SS5wdc11JtaCXm5Iq/8SQaFZ9ONaIQnyeAveSuUCE7Jb8A==",
+      "requires": {
+        "@github/auto-check-element": "^5.2.0",
+        "@github/auto-complete-element": "^3.3.4",
+        "@github/catalyst": "^1.6.0",
+        "@github/clipboard-copy-element": "^1.1.2",
+        "@github/details-menu-element": "^1.0.12",
+        "@github/image-crop-element": "^5.0.0",
+        "@github/mini-throttle": "^2.1.0",
+        "@github/relative-time-element": "^4.0.0",
+        "@github/tab-container-element": "^3.1.2",
+        "@primer/behaviors": "^1.2.0"
+      }
+    },
     "@radix-ui/react-polymorphic": {
       "version": "0.0.14",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-polymorphic/-/react-polymorphic-0.0.14.tgz",
@@ -37738,6 +37916,11 @@
             "format": "^0.2.0"
           }
         },
+        "highlight.js": {
+          "version": "11.3.1",
+          "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.3.1.tgz",
+          "integrity": "sha512-PUhCRnPjLtiLHZAQ5A/Dt5F8cWZeMyj9KRsACsWT+OD6OP0x6dp5OmT5jdx0JgEyPxPZZIPQpRN2TciUT7occw=="
+        },
         "lowlight": {
           "version": "2.4.0",
           "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-2.4.0.tgz",
diff --git a/package.json b/package.json
index e50d9d2c8793..9097cbca969a 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "@github/failbot": "0.8.0",
     "@hapi/accept": "^5.0.2",
     "@primer/components": "^32.1.0",
-    "@primer/css": "^18.2.0",
+    "@primer/css": "^20.8.1",
     "@primer/octicons": "^16.1.1",
     "@primer/octicons-react": "^16.1.1",
     "@react-aria/ssr": "^3.1.0",