Custom properties not working with some elements

[guilhermeocosta]

Description After updating from v3 to v4, some elements is not receiving proper styles from the custom properties, but looking at the Developer Tools, the two elements of the example are receiving the values from custom properties in the same way, but for some reason it's not rendered properly.

Example 1: The big blue button "Próximo" is receiving

Example 2: The tab should have a border-bottom in the same blue color as the button (I've outlined the element to be easier to find it in the UI)

Version 4.1.0

Any guesses on this? What should I do to test it better?

Thanks in advance

[nuxodin]

Thanks for your feedback. Can it be that it always concerns !important?

[guilhermeocosta]

I do use postcss-important because of the nature of this specific application. I will try to disable it to test, thanks for the quick answer.

[guilhermeocosta]

Yes, the !important was messing with the specificity. Is there a way to the applied values respects the !important flag? It's stripping it away in the execution

[coliff]

heya @guilhermeocosta can you please test the proposed fix in #63 (files)

If you could post back here with any feedback on that it'd be appreciated!