Current Behavior

When using the component from @baloise/ds-react, setting the level prop (e.g. Heading 1) does not change the visual style. All heading levels (h1 to h5) look the same.
However, using native HTML elements like h1 with the appropriate className (e.g. title text-xxx-large) displays the correct styles.

Expected Behavior

Each heading level (h1 to h5) should have a distinct visual style, matching the styles applied to native headings with the corresponding className.

Steps to Reproduce

Steps to reproduce the behavior:

1. Render multiple components with different level props (h1 to h5).
2. Observe that all headings look visually identical.
3. Render native h1, h2 etc. with the correct className and see that they are styled differently as expected.

Version

19.8.2

Browsers

Chrome

Device

Desktop

Code Reproduction URL

https://codesandbox.io/p/sandbox/zz42hl

Additional Information

No response

Code of Conduct

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