[BUGFIX] Ensure badge variants use correct loading order and styling

Resolves: #80487
Releases: master
Change-Id: I23db288f4592cc09fe183c32ec17931e99b4ea74
Reviewed-on: https://review.typo3.org/52186


Reviewed-by: Andreas Fernandez <typo3@scripting-base.de>
Tested-by: Andreas Fernandez <typo3@scripting-base.de>
Reviewed-by: Markus Klein <markus.klein@typo3.org>
Tested-by: Markus Klein <markus.klein@typo3.org>

Build/Resources/Public/Sass/typo3/_element_badges.scss

@@ -2,17 +2,17 @@
 // Badges
 //
 .badge-info {
-    @extend .bg-info;
+    @include label-variant($label-info-bg);
 }
 
 .badge-success {
-    @extend .bg-success;
+    @include label-variant($label-success-bg);
 }
 
 .badge-warning {
-    @extend .bg-warning;
+    @include label-variant($label-warning-bg);
 }
 
 .badge-danger {
-    @extend .bg-danger;
+    @include label-variant($label-danger-bg);
 }

Build/Resources/Public/Sass/typo3/_element_tceforms.scss

@@ -174,7 +174,7 @@ table.typo3-TCEforms-select-checkbox {
 }
 
 .t3-form-original-language-diffheader {
-    @extend .bg-danger;
+    @include label-variant($label-danger-bg);
 
     font-weight: bold;
     padding: 2px;