functions in CSS declarations (like CSS `var`) are being incorrectly optimized

[thescientist13]

Summary

When writing a CSS selector that has a CSS Variable (Function) that comes after something like an Identifier, the resulting CSS is incorrectly optimized with a space missing between the Declaration values

Input

.snippet {
  padding: 0 var(--size-4);
}

Output

# actual
.snippet{padding:0var(--size-4);}

# expected
.snippet{padding:0 var(--size-4);}

and thus "breaks" in browsers

Details

Interestingly enough, the other way around works just fine

Input

.snippet {
  margin: var(--size-4) 0;
}

Output

.snippet{margin:var(--size-4) 0;}