Visual Studio Codeでscssファイルの記述場所について

visual studio codeのscssのことで、すみませんどなたか教えてください

コンパイルした後、ディベロッパーツールで見ると、pages.scssに記述したコードなのに違うファイル（form.scss）の場所を示しています。
特にエラーは出ていませんし、コードの内容は反映されててレイアウトも崩れていません。
どなたか何か知っていましたら教えてください。

style.scssはこのようになっています。
@import "fonts";
@import "settings";
@import "reset";
@import "utility";
@import "header";
@import "footer";
@import "main";
@import "top";
@import "pages";
@import "form";

setting.jsonの設定↓
{
"liveServer.settings.port": 5503,
"editor.fontSize": 14,
"liveSassCompile.settings.formats": [
{
"extensionName": ".css",
"savePath": "/assets/css",
}
],
}

style.css.mapの設定↓
"sources": [
"../scss/style.scss",
"../scss/_fonts.scss",
"../scss/_settings.scss",
"../scss/_reset.scss",
"../scss/_utility.scss",
"../scss/_header.scss",
"../scss/_footer.scss",
"../scss/_main.scss",
"../scss/_top.scss",
"../scss/_pages.scss",
"../scss/_form.scss"
],
"names": [],
"file": "style.css"
}