next-app-boilerplate/styles/base/_root.scss

@use "../abstracts/colors" as *;

:root {
  @each $color, $shades in $colors {
    @each $prop, $value in $shades {
      --#{$color}-#{$prop}: #{$value};
    }
  }
}