// Cria um mapa de cores com base nos tokens
$colors: create-map(
  $token-prefix: "color-",
  $tokens-map: $tokens,
  $keys-with-prefix: false,
);

// Itera sobre os índices do mapa
@each $key in map-keys($colors) {
  // Gera classes para fundo
  .bg-#{$key} {
    background-color: var(--color-#{$key});
  }

  // Gera classes para borda
  .border-color-#{$key} {
    border-color: var(--color-#{$key});
  }

  // Gera classes para texto
  .text-#{$key} {
    color: var(--color-#{$key});
  }
}