Global mantine styles overwrites my own

[narrow frost]

Hi,
So when i import '@mantine/core/styles/global.css' those styles overwrite my own(i have standard css file and using tailwind on couple of places).
I saw that i dont need to use global, i can use only for specific for what i need.
Great in my component i imported "@mantine/core/styles/ScrollArea.css"(since i want to use ScrollArea), but nothing happens.
I saw in documentation that some styles requires addtional style to work like theres example for button, but i cant find what more styles are needed for use of ScrollArea?
It says "check the component source code" but i cant find it.

[fossil owl]

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

[narrow frost]

same bug happnes with core import import '@mantine/core/styles.css';

[fossil owl]

Please read documentation section that I've shared.

[narrow frost]

Yea i already did and maybe im missing something, since i wrote that i implemented that part that is on documentation section about "Import styles per component".
Imported in my component @mantine/core/styles/ScrollArea.css, to avoid importing global style. But as i was saying maybe scroolArea needs something more like button needs UnstyledButton to work.

[fossil owl]

All Mantine components require CSS variables to work. If you do not import global styles, set this option – https://mantine.dev/theming/mantine-provider/#deduplicatecssvariables