Add `important` option to `preset-wind` as it's supported in tailwind about unocss HOT 5 CLOSED

I am ok having it to align with tailwind, PR welcome

from unocss.

I implemented this in unocss-preset-useful.

Check the test case. https://github.com/unpreset/unocss-preset-useful/blob/60df1b3f0c59475637dc6b4b10bbaf69c995edbd/test/postprocess.test.ts#L39-L61

from unocss.

We provide postprocess hook, I guess you can handle it yourself?

from unocss.

I want to add #root .atomic selector before the atomic classname. Let me try whether I can figure it out using variant.

from unocss.

@antfu Wondering whether you want it in preset-wind or preset-mini?

Also, beyond the tailwind behavior (which I will introduce an option called important: boolean | string) which will apply globally, I also want to introduce something like ancestor-xxx:yyy variant to partially opt-in.

E.g. ancestor-#root:m-4 will be #root .m-4 { ... }, ancestor-[#root_>_#container_>]:p-2 will be #root > #container > .p-2

Any thoughts on this (e.g. the variant naming)? If you approve, would you like me to do it in the same PR or separately?

from unocss.