refactor: generate presets with css cascade layers (#4894)

Closes #4796

CSS Cascade Layers are already widely support for almost 3 years. See
https://developer.mozilla.org/en-US/docs/Web/CSS/@layer

We can switch to it instead of wrapping selectors with `:where` all
preset selectors.

For older browsers impact will be insignificant as in most cases we use
presets only to normalize browser styles.

Generated code now looks like this

```css
@layer presets {
  div.w-box {
    display: block;
  }
}
```

Here's how presets look in chrome devtools. As you can see browser
styles are defined as layer too.

<img width="357" alt="Screenshot 2025-02-19 at 17 14 23"
src="https://github.com/user-attachments/assets/473f2c0e-c7c5-4011-ba6b-4eeb1b805039"
/>

Author: TrySound