Does "Import styles per component" work?

[sturdy patrol]

In an empty Vite project, I decided to try "Import styles per component". Using import @mantine/core/styles.css; the button looks as usual.

But when importing styles specifically for the button one after the other, as indicated in the documentation import '@mantine/core/styles/UnstyledButton.css';
import '@mantine/core/styles/Button.css';, the button looks like in the screenshot.

Here is an example on codesandbox https://codesandbox.io/s/password-input-forked-yhwz7k?file=/src/App.tsx

[compact snow]

You need to import global styles – https://codesandbox.io/s/password-input-forked-8dffry

[sturdy patrol]

I just thought that by removing global styles and adding only the styles I need, I could use Mantine as a headless library. Can you tell me how to do it right?