diff --git a/packages/styles/scss/_layout.scss b/packages/styles/scss/_layout.scss
index aa824115aca0..b0b38dba5705 100644
--- a/packages/styles/scss/_layout.scss
+++ b/packages/styles/scss/_layout.scss
@@ -32,7 +32,7 @@ $layout-tokens: (
   ),
 );
 
-:root {
+@mixin emit-layout-tokens {
   @each $group, $properties in $layout-tokens {
     @each $property, $steps in $properties {
       @each $step, $value in $steps {
@@ -102,3 +102,7 @@ $layout-tokens: (
     }
   }
 }
+
+:root {
+  @include emit-layout-tokens();
+}