Import CSS files directly into Sass (#2727)

moeki0 · langermank · web-flow · commit 7d4cd4061a0f · 2024-11-07T21:01:24.000Z
* Import CSS files directly into Sass

* Create nasty-parrots-crash.md

---------

Co-authored-by: Katie Langerman &lt;18661030+langermank@users.noreply.github.com&gt;
diff --git a/.changeset/nasty-parrots-crash.md b/.changeset/nasty-parrots-crash.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Removed .css extension from @import and modified @primer/primitives to be output as Sass code.
diff --git a/src/color-modes/themes/dark.scss b/src/color-modes/themes/dark.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/dark.css';
+@import '@primer/primitives/dist/css/functional/themes/dark';
diff --git a/src/color-modes/themes/dark_colorblind.scss b/src/color-modes/themes/dark_colorblind.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/dark-colorblind.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-colorblind';
diff --git a/src/color-modes/themes/dark_dimmed.scss b/src/color-modes/themes/dark_dimmed.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/dark-dimmed.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-dimmed';
diff --git a/src/color-modes/themes/dark_high_contrast.scss b/src/color-modes/themes/dark_high_contrast.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast';
diff --git a/src/color-modes/themes/dark_tritanopia.scss b/src/color-modes/themes/dark_tritanopia.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia';
diff --git a/src/color-modes/themes/light.scss b/src/color-modes/themes/light.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/light.css';
+@import '@primer/primitives/dist/css/functional/themes/light';
diff --git a/src/color-modes/themes/light_colorblind.scss b/src/color-modes/themes/light_colorblind.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/light-colorblind.css';
+@import '@primer/primitives/dist/css/functional/themes/light-colorblind';
diff --git a/src/color-modes/themes/light_high_contrast.scss b/src/color-modes/themes/light_high_contrast.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/light-high-contrast.css';
+@import '@primer/primitives/dist/css/functional/themes/light-high-contrast';
diff --git a/src/color-modes/themes/light_tritanopia.scss b/src/color-modes/themes/light_tritanopia.scss
@@ -1 +1 @@
-@import '@primer/primitives/dist/css/functional/themes/light-tritanopia.css';
+@import '@primer/primitives/dist/css/functional/themes/light-tritanopia';

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/css": patch
 +---
++
 +Removed .css extension from @import and modified @primer/primitives to be output as Sass code.
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import '@primer/primitives/dist/css/functional/themes/dark.css';`
	`1`	`+@import '@primer/primitives/dist/css/functional/themes/dark';`