[v4] How to define a functional utility with slash notation?

[hazae41]

I want to make a simple utility that defines a text color depending on dark mode but keeps the given opacity

@utility text-default/* {
  color: color-mix(in oklab, var(--color-black) --value(percentage), transparent);
  
  @variant dark {
    color: color-mix(in oklab, var(--color-white) --value(percentage), transparent);
  }
}

It fails with this message

Error: `@utility text-default*` defines an invalid utility name. Utilities should be alphanumeric and start with a lowercase letter.

When digging the code it's clear that the Regex doesn't support it

tailwindcss/packages/tailwindcss/src/utilities.ts

Line 28 in a8c54ac

const IS_VALID_FUNCTIONAL_UTILITY_NAME = /^-?[a-z][a-zA-Z0-9/%._-]*-\*$/

Is there a way to do what I want to achieve?