Sprinkles specificity

[p7gg]

Hi, how can I ensure sprinkles have higher specificity/priority than recipe, or any other api truly?
For example - see image -, I defined a display: flex via sprinkles but it won't override the display: block defined via recipes api.

Link: Codesanbox

[brandonpittman]

Is the display: block declared after the sprinkle in the CSS output?

[p7gg]

Is the display: block declared after the sprinkle in the CSS output?

I'm not at my desk to confirm, but I'm pretty positive it is.

[chanwukim]

Is it solved?

[zhaohuanyuu]

I also encountered the problem that sprinkles have low priority and cannot take effect. Is there a better solution?

[chanwukim]

https://vanilla-extract.style/documentation/packages/sprinkles/#layer

There is a way to use @layer for global, reset, component, and sprinkles (utilities).