scssのエラーを解決したい

実現したいこと

・scssのエラーを解決したい
・scssのアイコンを通常のものに戻したい

前提

vs codeでscssを使用しているのですが、2週間ほど前からscssのアイコンが突然変わり、赤から水色（cssと同じアイコンになりました）になりました。

発生している問題・エラーメッセージ

アイコンが変わってから、scssのファイルにエラーが表示されました。
エラーの内容は、「＄」などscss独自の記入をしている部分に発生します。

$black:#1c1c1c; $base: #ba8500; $white:#fff; $red:#bc3e14; $breakpoints: ( "xxs": "screen and (min-width: 360px)", "xs": "screen and (min-width: 480px)", "sm": "screen and (min-width: 600px)", "md": "screen and (min-width: 768px)", "lg": "screen and (min-width: 1024px)", "xl": "screen and (min-width: 1600px)", ) !default;

style.scss+9

該当のソースコード

style.scss

試したこと

・Live Sass Compilerのアインストール
・Japanese Language Pack for Visual Studio Code
v1.83以外のプラグインアインストール
・vscodeのアインストール
・IOSのバージョンアップ
・vscodeのバージョンアップ

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。