ui5-bagde does not allow overriding CSS letter-spacing

[rajatmtalwar]

Describe the bug
ui5-badge text is not affected by global styles like
* { line-height:1.5 !important; letter-spacing:0.12em !important; word-spacing:0.16em !Important; }

A similar issue was reported for ui5-button for your reference: #2390

To reproduce
Steps to reproduce the behavior:

1. Go to https://sap.github.io/ui5-webcomponents/playground/components/Badge/
2. Using devtools, add the following CSS rule to the page:

* { line-height:1.5 !important; letter-spacing:0.12em !important; word-spacing:0.16em !Important; }

3. Notice that letter-spacing is not applied to the Badge text

Isolated example
Please provide an isolated example if possible, by forking CodeSandbox

Expected behavior
All text should adapt to custom spacing.

Screenshots

Affected components
ui5-badge

Organization:
SuccessFactors

Priority:
Medium

[ilhan007]

Already fixed, will be released with the next release - RC.10

Try the preview:
https://sap.github.io/ui5-webcomponents/master/playground/main/pages/Badge/

[rajatmtalwar]

We still have a problem with letter-spacing. It has hard-coded value.