fix(preset-mini): split focus pseudo

[chu121su12]

See #2416, #2425.

@sibbng I read your comment late, but I think #1973 should be addressed too.

I manage to isolate the mentioned issue to focus pseudo, but this is a temporary fix, since it still handle compound pseudo, say focus:active:x, wrong.

[netlify]

✅ Deploy Preview for unocss ready!

Name	Link
🔨 Latest commit	9c7f822
🔍 Latest deploy log	https://app.netlify.com/sites/unocss/deploys/64326d03a7e017000847c48c
😎 Deploy Preview	https://deploy-preview-2426--unocss.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[sibbng]

We should disable merging behavior for pseudos and remove that sort option for both active and focus. We already have order control in the array we define those pseudos. Since those pseudos represent a certain state, merging them with a rule up in the tree is a bad idea. I think, in general, merging rules across the whole css is a bad idea. There are some reasons to pursue that, but I already found better solutions for those reasons in #1973. I will look into it again ASAP.

I was thinking of breaking #1973 into multiple parts. If we can fix the issues you mentioned by disabling merging behavior on pseudos that would be a good start.