VS Code多次使用var()时无法正确列出自定义CSS属性

存在两个CSS文件：

• app-basics.css：仅包含:root{}区块，定义了3个自定义属性
• header-footer.css：设置元素的background-color使用这些自定义属性

异常现象：

• 当header-footer.css中只有1处var()调用（比如仅保留#header的样式），输入var(--时能看到全部3个自定义属性的代码提示
• 当添加第2处var()调用（比如取消#dummy的注释，或者在#header里新增一行color: var(--);），输入var(--时仅能看到1个自定义属性的提示

已尝试以下操作均无效：

• 重启VS Code
• 新建空白项目复现问题
• 重命名自定义属性名称
• 调整:root中属性的顺序
• 检查所有文件的语法拼写
• 禁用所有已安装扩展（仅安装了LiveServer，已禁用）

VS Code版本信息：
Version: 1.90.0 (user setup)
Commit: 89de5a8d4d6205e5b11647eb6a74844ca23d2573
Date: 2024-06-04T19:33:54.889Z
Electron: 29.4.0
ElectronBuildId: 9593362

app-basics.css 代码 #

:root {
    --color-0: red;
    --color-1: green;
    --color-2: blue;
}

header-footer.css 代码 #

#header {
    background-color: var(--color-1);
}

/* #dummy {
    background-color: var(--color-1);
} */

内容的提问来源于stack exchange，提问作者Karlton Kemerait