more scss

src/docs/styles/tokens/accessibility/main.mdx

@@ -13,5 +13,5 @@ import visibilityStyles from '../../../../scss/tokens/accessibility/_visibility.
   title="Visibility"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(visibilityStyles, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />

src/docs/styles/tokens/backgrounds/main.mdx

@@ -14,5 +14,5 @@ import backgroundColor from '../../../../scss/tokens/backgrounds/_background-col
   mdnLink="background-color"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(backgroundColor, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />

src/docs/styles/tokens/intro.mdx

@@ -67,7 +67,7 @@ Here's our table of text colour tokens, which set the `text-color` style.
   mdnLink="color"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(color, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 This table's tokens can be used through either a class or an SCSS mixin. (The table lets you click-to-copy for either.)

src/docs/styles/tokens/spacers/main.mdx

@@ -44,7 +44,7 @@ As a rule of thumb, if you're setting space between or adjacent to _text element
   mdnLink="margin"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(fluidMargin, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -52,5 +52,5 @@ As a rule of thumb, if you're setting space between or adjacent to _text element
   mdnLink="margin"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(fluidPadding, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />

src/docs/styles/tokens/typography/main.mdx

@@ -29,7 +29,7 @@ import './styles.scss';
   note="Role tokens group several individual style tokens for common text elements like headers, body text, notes and links. You can use them as a shorthand for our default typography styles."
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(role, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -37,7 +37,7 @@ import './styles.scss';
   mdnLink="color"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(color, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -45,7 +45,7 @@ import './styles.scss';
   mdnLink="font-family"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(fontFamily, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -53,7 +53,7 @@ import './styles.scss';
   mdnLink="font-size"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(fontSize, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -69,7 +69,7 @@ import './styles.scss';
   mdnLink="font-weight"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(fontWeight, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -77,7 +77,7 @@ import './styles.scss';
   mdnLink="letter-spacing"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(letterSpacing, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable
@@ -85,7 +85,7 @@ import './styles.scss';
   mdnLink="line-height"
   header={['Class', 'Include', 'Properties']}
   body={cssStringToTableArray(lineHeight, true)}
-  copyable={[true, (t) => `@include ${t};`, false]}
+  copyable={[true, (t) => `@include mixins.${t};`, false]}
 />
 
 <CopyTable

src/scss/reset/_main.scss

@@ -1,6 +1,6 @@
 @use '../mixins' as *;
-@import 'normalize';
-@import 'typography';
+@forward 'normalize';
+@forward 'typography';
 
 *,
 *:before,