Certain attribute name and value combinations crash the VS Code extension

[jozefmery]

UnoCSS version

Started in v0.49.5, present also in v0.49.6.

Describe the bug

Using attributify mode, certain (very specific) attribute name and value combinations crash the VS Code extension with the following message:

⚠️ Error on annotation
TypeError: Cannot read properties of undefined (reading 'match')

Based on the change-log and the error message, my best guess is that the issue is caused somewhere in #2186.

Generated CSS seems to be correct.

Reproduction

The minimal reproduction I was able to find is the following: <div p="1" gap="md:1" />.
See playground reproduction, where the problem is observable by the missing underline. Minimal changes, e.g. removing either attribute, or removing the md variant, or changing p="1" to p="2", or gap="md:1" to gap="md:2" wierdly resolve the issue.

System Info

No response

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[zyyv]

We don't have this rule gap="md:1", the correct class name is md="gap-1" or md-gap="1", the error may be caused by wrong rule.

[jozefmery]

I'm not so sure the rule is wrong. It is actually just gap="1" with the md variant. Also, notice that if you change gap="md:1" to gap="md:2" everything works. Furthermore, the generated CSS is correct in both cases, and it works with version 0.49.4.

[zyyv]

You can refer to the interactive docs.

And you should follow the hermit writing rules for atomic classes in UnoCSS. variant-rule

[sibbng]

I confirm this is a bug. Should be fixed when #2207 is merged.