CSS formatter removes useful space

[anthonyvdotbe]

Description

In the example below, formatting removes a useful space character: the output is less readable & introduces an asymmetry.

Input

The code looked like this before beautification:

bar::before {
    content: "(" counter(foo) ")";
}

Expected Output

The code should have looked exactly the same after beautification.

Actual Output

After beautification, the space between "(" and counter(foo) is removed (but the space between counter(foo) and ")" isn't, causing an asymmetry):

bar::before {
    content: "("counter(foo) ")";
}

Steps to Reproduce

Format the input.

Environment

OS: Windows

Settings

VS Code 1.66.1 with default settings. Not sure how to extract the settings VS Code uses under the hood. Originally reported as microsoft/vscode#147060

[mhnaeem]

Related to the following, should be fixed in the upcoming release. Maybe you can try reproducing on main branch

Issues:

• SCSS module system @use problem #1798
• CSS Grid template formatting is broken when adding track size after line names #1817

PRs:

• Adding regression tests for #1798 #2020
• Fix issue #1817 - grid-template property css #2018

[bitwiseman]

Released 1.14.3 today. This is fixed in that version. Thanks @mhnaeem !