Rename and move color mode variables out of base package (#1462)

* Rename and move color mode variables out of base package

* Create mighty-goats-teach.md

* Add test to make sure support is never more than 0

* Update mighty-goats-teach.md

* Update mighty-goats-teach.md

Author: jonrohan

.changeset/mighty-goats-teach.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": major
+---
+
+Rename `modes.scss` file to `color-modes.scss` and move from the `base/` folder to the `support/variables` folder.

src/base/index.scss

@@ -1,7 +1,6 @@
 @import "../support/index.scss";
 
 @import "./normalize.scss";
-@import "./modes.scss";
 @import "./base.scss";
 @import "./kbd.scss";
 @import "./typography-base.scss";

src/index.scss

@@ -10,6 +10,9 @@
 // Imports all Primer files in their intended order for easy mass-inclusion.
 // Should you need specific files, you can easily use separate `@import`s.
 
+// CSS color variables
+@import "./support/variables/color-modes.scss";
+
 // Global requirements
 @import "./core/index.scss";
 @import "./product/index.scss";

src/base/modes-v2.scss renamed to src/support/variables/color-modes-v2.scss

@@ -1,6 +1,6 @@
 // EXPERIMENTAL. DO NOT USE.
 
-@import '../support/mixins/color-modes.scss';
+@import '../mixins/color-modes.scss';
 
 @import '@primer/primitives/dist/scss/colors_v2/_light.scss';
 @import '@primer/primitives/dist/scss/colors_v2/_dark.scss';

src/base/modes.scss renamed to src/support/variables/color-modes.scss

@@ -1,6 +1,6 @@
 // Color modes
 
-@import "../support/mixins/color-modes.scss";
+@import "../mixins/color-modes.scss";
 
 @import "@primer/primitives/dist/scss/colors/_light.scss";
 @import "@primer/primitives/dist/scss/colors/_dark.scss";