fix: Correct colors about Alerter buttons

[flohhhh]

We have an order problem during the build concerning some css classes.
Classes are imported before others, which causes style errors.

In our case, some properties had to be overridden to keep the expected behavior in the app.

That being said, the Alerter component seems old and not in accordance with the specifications.

[JF-Cozy]

Peux-tu expliquer les pistes que tu as investiguées concernant le build stp ?

[Ldoppea]

Would it be possible to get the same behavior by forcing a higher CSS precedence instead of using !important?

Maybe adding an alerter class to the Alerter and then say : .alerter $button-alert--error would be enough?

(sorry if you already tried this strategy)

[flohhhh]

I followed these leads regarding the build order. #1, #2 and #3. There is a lot of information in it.

I tried to gradually upgrade mini-css-extract-plugin but didn't get the expected result.

[cozy-bot]

🎉 This PR is included in version 58.1.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[flohhhh]

Already tried @Ldoppea but it doesn't work unfortunately.

[Crash--]

We have an order problem during the build concerning some css classes.
Classes are imported before others, which causes style errors.

Do we have an issue to get this problem in mind? Having added !important in the stylus means that now we can't use anymore our utilities method with this component.

I really don't think this fix should be landed permanently in UI and we should have clear actions on what to do next to fix this issue.