Chrome DevTools 指向 sourcemap 中错误的 sass 文件

Question

我使用 gulp-sourcemaps 从 SASS 文件生成 CSS 和 Source Mpas，我注意到有时，当一个元素color定义为变量时，sourcemap 指向变量的 SCSS 文件，而不是元素的 SCSS 文件。

因此，例如，如果一个元素的样式是“_nav.scss”，而color变量在“_colors.scss”中定义：

.navigation-top a {
    font-weight: 600;
    color: $color__topnav-text;
    transition: color 0.2s;
}

此元素的 CSS 源映射指向 Chrome 开发工具中的“colors.scss”而不是“nav.scss”。这仅适用于少数元素。对于大多数使用color变量的元素，DevTools 仍然指向正确的 SCSS 文件。

这是 Chrome 的错误，还是生成的 Source Map 有问题？