🐛 fix(tabs): fonts weight glitches

[hirsch88]

Current Behavior

Currently the Meta Navigation is growing due to the fact of "morphing" from weight 400 to 700. With this transition, the text group is growing and visually jumping.

Can we improve this?

Bildschirmaufnahme.2022-09-05.um.14.46.47.mov

Expected Behavior

Idee:

https://css-tricks.com/bold-on-hover-without-the-layout-shift/

Steps to Reproduce

Version

12

Browsers

No response

Device

No response

Code Reproduction URL

No response

Additional Information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[hirsch88]

This variant is only used on the website, which reloads the browser with any tab change so we won't do it