feat(Badge): use text-bg-color class (#6498)

* refactor: use text-bg-color class

* refactor: 更改样式名称

* refactor: 更新样式

* test: 更新单元测试

Author: ArgoZhang

src/BootstrapBlazor/Components/Badge/Badge.razor.cs

@@ -11,7 +11,7 @@ namespace BootstrapBlazor.Components;
 public partial class Badge
 {
     private string? ClassString => CssBuilder.Default("badge")
-        .AddClass($"bg-{Color.ToDescriptionString()}", Color != Color.None)
+        .AddClass($"text-bg-{Color.ToDescriptionString()}", Color != Color.None)
         .AddClass("rounded-pill", IsPill)
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();

src/BootstrapBlazor/Components/Badge/Badge.razor.scss

@@ -1,5 +1,5 @@
-.badge {
-    &.bg-secondary, &.bg-light {
-        --bs-badge-color: #{$bb-badge-color};
+.badge {
+    &.text-bg-secondary, &.text-bg-light {
+        color: $bb-badge-color !important;
     }
 }

test/UnitTest/Components/DropdownWidgetTest.cs

@@ -77,7 +77,7 @@ public void BadgeColor_OK()
             }));
         });
 
-        var ele = cut.Find(".bg-success");
+        var ele = cut.Find(".text-bg-success");
         Assert.NotNull(ele);
     }