Wind4 preset with reset hidden forces display: none !important #4948
Description
UnoCSS version
66.5.3
Describe the bug
I upgraded to the latest version and presetWind4() with the reset. While looking through our application, I noticed that hidden appears to behave differently from before:
Before:
hidden meant display: none;
Now with the presetWind4 and the Tailwind reset:
hidden means: display: none !important;
Which means it cannot be overwritten by a sm:flex without using sm:!flex.
I looked into the Tailwind reset unocss provides. There it states that this should not apply the !important hidden when we use hidden="until-found". But I have tested this in my application and in the playground, and it does not work. Or rather, it works but only based on the hidden="until-found" browser implementation (which is a special feature).
Now, it appears, there is no way to just set display: none; to initially hide an element and to then make it visible for certain browser sizes? Or is the official way to overwrite the wind4 / tailwind 4 reset based hidden with sm:!flex and force the !important?
Please check the reproduction for an example of a few different ways I tried to apply this.