Heading does no apply the css correctly

[capJuan]

Describe the bug Having 2 headings , one level 1 and another level 4 , the colour css setting for level 1 is also apply to the heading level 4

To Reproduce Steps to reproduce the behavior:

1. create a page with 2 headings one level 1 and one level 4
2. set css for both using tokens --dcx-color-text-heading-level_1 and --dcx-color-text-heading-level_4 different colours
3. render the page ( level 1 colour is applied to both headdings ( ignoring the level 4 color csss)

Expected behavior the heading should render using different colour as css

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]

• Browser [e.g. chrome, safari]

• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[daniele-zurico]

closed by https://github.com/Capgemini/dcx-react-library/pull/620