困っていること

VSCodeでcssのフォーマッターを使用すると、
以下のようにgrid-templateが一行になってしまいます。

css
1grid-template: 
2            "a a a" 40px
3            "b c c" 40px
4            "b c c" 40px / 1fr 1fr 1fr;

css
1grid-template: "a a a" 40px "b c c" 40px "b c c" 40px / 1fr 1fr 1fr;

改行する方法をご存じでしたら、ご教授ください。

調べたこと

VSCodeの設定ファイル（setting.json）を全てコメントアウトしても、変わりませんでした。
※"editor.formatOnSave"をfalseにして自動フォーマットを無効にすることは出来ます。
※以下のsetting.jsonはワークスペースのものですが、
ユーザのsetting.jsonには何も記載されていません。

json
1{
2  "editor.formatOnPaste": true,
3  "editor.formatOnSave": true,
4  "editor.formatOnType": true,
5  "emmet.showSuggestionsAsSnippets": true,
6  "emmet.variables": {
7    "lang": "ja"
8  },
9  "files.insertFinalNewline": true,
10  "files.trimFinalNewlines": true,
11  "files.trimTrailingWhitespace": true,
12  "[markdown]": {
13    "files.trimTrailingWhitespace": false
14  },
15  "html.format.contentUnformatted": "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p",
16  "html.format.extraLiners": "head, body, html",
17  "html.format.unformatted": null,
18  "javascript.format.semicolons": "insert",
19  "javascript.preferences.quoteStyle": "single",
20  "javascript.format.insertSpaceAfterCommaDelimiter": true,
21  "typescript.format.semicolons": "insert",
22  "typescript.preferences.quoteStyle": "single",
23  "typescript.format.insertSpaceAfterCommaDelimiter": true,
24  "html.format.endWithNewline": true
25}
26