Change arbitrary value of any type syntax from --value([*]) to something that IDE's don't error on

[ngbrown]

When using the @utility functionality in Tailwind v4 as described in https://tailwindcss.com/docs/adding-custom-styles#arbitrary-values, I've come across issues with it in IDE's and tools like Pettier.

The following is my example utility class:

@utility grid-area-* {
  grid-area: --value([*]);
}

The WebStorm IDE shows a syntax error.

Prettier puts a space before the star: [*] becomes [ *].

In general, the list of valid types doesn't seem to be in the documentation, but I think I found it in the source code.

Instead of --value([*]) being for any type, how about something like --value([any])?