@each $color in $color-names {
  .bg-#{$color} {
    background-color: var(--#{$color}) !important;
  }

  .text-#{$color} {
    color: var(--#{$color}) !important;
  }
}

.text-muted {
  color: RGB(var(--muted-text));
}
@each $color in $color-names {
  .bg-#{$color} {
    background-color: var(--#{$color}) !important;
  }

  .text-#{$color} {
    color: var(--#{$color}) !important;
  }
}

.text-muted {
  color: RGB(var(--muted-text)) !important;
}
Fix muted text variant not overriding Bootstrap default
Fix muted text variant not overriding Bootstrap default
