Support CSS4 space-separated syntax for rgba() function (Less.js 3.8.1)

[kingscott]

Hi there, we're currently using less/php v3.1.0 and are seeing errors when trying to import standard CSS files into our pipeline that use the newer syntax for rgba such as:

.test {
  color: rgba(0 0 0 0 / 89%);
}

Is there a plan to support this in a future version, as I see it's supported in Less.js? Thanks!

[Krinkle]

Based on testing at https://ecomfe.github.io/est/fiddle/#version=2.5.3&autoprefix=false&est=false&autorun=false, it seems produces a syntax erorr in Less.js until 3.8.0, with it becoming supported in Less.js 3.8.1.

Less.php is currently compatible with Less.js 2.5.3.

Is there a plan to support this in a future version

Yes, given that it is supported in upstream, we aim to support this in a future version.

It may take a while before we're fully caught up with 3.8.1. But, we'd happy land this any time, as a small patch on its own. It seems sufficiently standalone and not break 2.5.3 compliance.

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb#browser_compatibility

• Alpha parameter
• Space-separated rgb() parameters

The main distinguishing aspect of this syntax is that it uses space-separation instead of comma-separation for values, and denotes the fourth value after a slash instead of a space or comma. That part part is likely something we'd just pass through as-is rather than parse into tokens. That's what upstream ended up doing as well:

• https://github.com/less/less.js/commits/v3.8.1
• Color function updates - #RRGGBBAA and CSS Variables less/less.js#3291