Avoid @extend for .text-danger in dropdowns

app/assets/stylesheets/framework/dropdowns.scss

@@ -756,7 +756,7 @@
         // make sure the text color is not overriden
         &.text-danger {
-          @extend .text-danger;
+          color: $brand-danger;
         }
         &.is-focused,
@@ -765,6 +765,11 @@
         &:focus {
           background-color: $dropdown-item-hover-bg;
           color: $gl-text-color;
+
+          // make sure the text color is not overriden
+          &.text-danger {
+            color: $brand-danger;
+          }
         }
         &.is-active {