Needing to use !important in css modules

[fallen jungle]

Hi I'm pretty sure this is not normal behavior?

<Container className={classes.mycontainer} />

.mycontainer {
  margin: 0;
}

For example this doesn't work without !important as the computed class is below in the tree than the Mantines own.
V7, I'm importin tha core css in the root file only.

How i can apply css modules last so they overwrite the native styles?

[crystal briar]

https://mantine.dev/styles/mantine-styles/#css-layers

[fallen jungle]

Thanks m8! this is excactly what I was lookin for

[quaint stag]

This is so so important, I've migrated an entire platform to v7 without knowing this and it was very frustrating. I wish I could find this somehow easier.

[fallen jungle]

yep, extensively using !important can generate override issues itself, so without knowing this im pretty sure i would faced problems sooner than later for spamming important in every role

[pastel canopy]

Should I be using CSS layers in vite then?

I'm also using CSS modules for my component styles

jk I reread the docs

seems like I just import the .layer file instead