refactor: use @primer/css directly (#2171)

refactor: use @primer/css directly

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

package.json

@@ -80,6 +80,7 @@
     "@biomejs/biome": "2.2.0",
     "@discordapp/twemoji": "16.0.1",
     "@electron/notarize": "3.0.2",
+    "@primer/css": "22.0.2",
     "@primer/octicons-react": "19.15.5",
     "@primer/primitives": "11.1.0",
     "@primer/react": "36.27.0",

pnpm-lock.yaml

@@ -2,36 +2,7 @@
 @import "tailwindcss";
 
 /** GitHub Primer Design System */
-/* Size & Typography */
-@import "@primer/primitives/dist/css/primitives.css";
-
-/* Base */
-@import "@primer/primitives/dist/css/base/motion/motion.css";
-@import "@primer/primitives/dist/css/base/size/size.css";
-@import "@primer/primitives/dist/css/base/typography/typography.css";
-
-/* Functional */
-@import "@primer/primitives/dist/css/functional/size/border.css";
-@import "@primer/primitives/dist/css/functional/size/breakpoints.css";
-@import "@primer/primitives/dist/css/functional/size/size.css";
-@import "@primer/primitives/dist/css/functional/size/viewport.css";
-@import "@primer/primitives/dist/css/functional/typography/typography.css";
-
-/* Themes and Colors */
-@import "@primer/primitives/dist/css/functional/themes/dark-colorblind-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-colorblind.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-dimmed-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-dimmed.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-tritanopia-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/dark-tritanopia.css";
-@import "@primer/primitives/dist/css/functional/themes/dark.css";
-@import "@primer/primitives/dist/css/functional/themes/light-colorblind-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/light-colorblind.css";
-@import "@primer/primitives/dist/css/functional/themes/light-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/light-tritanopia-high-contrast.css";
-@import "@primer/primitives/dist/css/functional/themes/light-tritanopia.css";
-@import "@primer/primitives/dist/css/functional/themes/light.css";
+@import "@primer/css/dist/primer.css";
 
 /** Tailwind CSS Configuration */
 @config '../../tailwind.config.ts';