Fix alerts colors by using `*-text-emphasis` CSS vars in Sass loop (#38003)

diff --git a/scss/_alert.scss b/scss/_alert.scss
index 8647851b17d8072518f9225beee7f1e867291669..b8cff9b71edf0e727234db32319bf392f2cc4f8f 100644 (file)
--- a/scss/_alert.scss
+++ b/scss/_alert.scss
@@ -59,10 +59,10 @@
 // Generate contextual modifier classes for colorizing the alert
 @each $state in map-keys($theme-colors) {
   .alert-#{$state} {
-    --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text);
+    --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text-emphasis);
     --#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle);
     --#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle);
-    --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text);
+    --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text-emphasis);
   }
 }
 // scss-docs-end alert-modifiers