Should not add comma separators for the @apply at-rule

[tmkx]

To reproduce:

.box {
  @apply h-64 w-64;
}

Current behavior:

.box {
  @apply h-64, w-64;
}

Expected behavior:

.box {
  @apply h-64 w-64;
}

Environment information:

• less version: 4.4.0
• nodejs version: 22.17.1
• operating system: macos

[dosubot]

Hi @tmkx! I'm Dosu and I’m helping the less.js team.

This is expected behavior in Less 4.4.0: unknown at-rules like @apply are parsed generically, and when you provide multiple values, Less joins them with commas in the output. There’s no built-in way to customize this for specific at-rules or to preserve space separation automatically [source].

A practical workaround is to use string interpolation or escaping to force Less to treat the value as a single string, like this:

.box {
  @apply ~"h-64 w-64";
}

or

.box {
  @apply escape("h-64 w-64");
}

Both will output:

.box {
  @apply h-64 w-64;
}

There’s no official documentation or plugin support for customizing at-rule argument formatting in Less as of 4.4.0 [source].

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[tmkx]

Escaping is not functioning properly with prettier-plugin-tailwindcss at the moment (prettier@3.6.2, prettier-plugin-tailwindcss@0.6.14).

for the code below:

.box {
  @apply ~'h-64 w-64 shadow-2xl';
}

it will be formatted to:

.box {
  @apply ~'h-64 shadow-2xl' w-64;
}

[liangskyli]

the same issues