Text Color Across Background Colors Mixin

text-color.scss

@mixin text-color($type: 'primary') {    

  // Load background colors 
  
  $background-colors: tokens('background-color');     

  // Apply default text color
  
  color: tokens('text-color', $type, 'on-white');

  // Apply text color per background color
  
  @each $background, $background-color in $background-colors {        
    .container--#{$background} & {            
      color: tokens('text-color', $type, 'on-#{$background}');        
    }    
  }
}