Use long form `<length> | <percentage>` syntax for properties

[thecrypticace]

In Firefox Nightly, when using properties that declare the shorthand syntax <length-percentage>, there is a bug where two properties side-by-side e.g. var(—foo)var(—bar) invalidate the property value when it should not. Switching the @property definition to use the long form syntax <length> | <percentage> fixes this.

[thecrypticace]

Not sure what you mean? The variable --tw-gradient-stops is * not <length-percentage>. I'd already updated the position properties in the above commit: https://github.com/tailwindlabs/tailwindcss/pull/13660/commits/6a283170677e6f8d6de63eb0c39f74169077618d#diff-036c40df8e1498a5c399fb971238a19fcdab257001b9703661a46a110984b56aR2574-R2576