fix(ui5-badge): correct component sizing (#733)

Author: ilhan007

packages/main/src/themes/Badge.css

@@ -11,7 +11,6 @@
 	border: solid 1px var(--ui5-badge-border-color-scheme-1);
 	border-radius: 1.125em;
 	box-sizing: border-box;
-	font-size: var(--ui5-badge-font-size); /* origin from --sapMFontSmallSize (0.75rem) */
 	font-family: var(--sapUiFontFamily);
 	text-align: center;
 }
@@ -27,9 +26,6 @@
 	flex-shrink: 0;
 }
 
-.ui5-badge-text {
-	font-size: .75em;
-}
 
 :host([__has-icon]) .ui5-badge-text {
 	padding-left: 0.1875em;
@@ -114,6 +110,7 @@
 	text-overflow: ellipsis;
 	text-transform: uppercase;
 	letter-spacing: 0.0125em;
+	font-size: var(--ui5-badge-font-size); /* origin from --sapMFontSmallSize (0.75rem) */
 }
 
 /* ================================== */
@@ -130,7 +127,6 @@ ui5-badge:not([hidden]) {
 	border: solid 1px var(--ui5-badge-border-color-scheme-1);
 	border-radius: 1.125em;
 	box-sizing: border-box;
-	font-size: var(--ui5-badge-font-size);
 	font-family: var(--sapUiFontFamily);
 	text-align: center;
 }