Aynı value'ya sahip farklı classlar oluşturulurken aynı isimle oluşturulması sorunu

[yavuzselimkurnaz]

'color': (
    property: color,
    values: (
      'muted': $g-text-muted-color,
      'primary': $color-primary,
      'success': $color-success,
      'danger': $color-danger,
      'warning': $color-warning,
      'gray-400': $g-text-muted-color,
    ),
  ),

Yukarıdaki gibi kullanımda aynı value'a sahip('muted' ve 'gray-400') 2 farklı class oluşturmaya çalıştığımızda sistem .u-color-muted .u-color-gray-400 class'larını ayrı ayrı oluşturmak yerine, aynı isimle 2 tane .u-muted-color class'ı oluşturuyor. Bu durum da aşağıdaki satırdan kaynaklanıyor:

scss-starter/scss/abstracts/mixins/_utilities.scss

Line 170 in 33eb347

nth($property-class-modifier, index($property-value, $value))

Burada index'i alıyoruz, map'in içerisinde 2 tane aynı value olduğu için ilkinin index'ini döndürüyor.