Can I use sx prop to change the default style without !important?

[iron flint]

eg. I want to change the font-size of Anchor comp to 10px using sx prop

<Anchor
  ...
  sx={{ zIndex: 999, fontSize: '10px !important' }} // it works!
  sx={{ zIndex: 999, fontSize: '10px' }}            // it does not work!

  // these two will definitely work, but I'm talking sx prop
  fz={10} 
  style={{fontSize: '10px'}}
>Some Text</Anchor>

it will generate:

.mantine-1mpdrlu { // works one.
    font-size: 10px!important;
    font-size: 1rem;
}

.mantine-1mpdrlu { // not works one.
    font-size: 10px;
    font-size: 1rem;
}

Is there a priority for sx prop and style prop? It looks like style prop has a higher priority?

btw I'm using v6

Can I use sx prop to change the default style without !important?

[vague birch]

I do not know why it does not work, feel free to explore source code to find the cause of this issue

[iron flint]

Is this caused by this line?
https://github.com/mantinedev/mantine/blob/v6/src/mantine-core/src/Anchor/Anchor.tsx#L27-L29

The others don't seem to override the size
https://github.com/mantinedev/mantine/blob/v6/src/mantine-core/src/Button/Button.tsx#L136
https://github.com/mantinedev/mantine/blob/v6/src/mantine-core/src/Text/Text.tsx#L118

[vague birch]

I do not know, try running in storybook