Dart Sass のコメント位置がおかしい

Question

最近LibSassからDart Sassに変更したのですが、コメント表示についておかしな不具合？のようなものがあり質問させていただきました。
以前までの@importで読み込む形でしたら以下のようにコメントを書くことができました。

/* Foundation */
@import 'foundation/base';

/* Layout */
@import 'layout/header';
@import 'layout/footer';

/* Component */
@import 'component/btn';

コンパイルすると以下のようになり、コメントは適切な位置に表示されます。

/* Foundation */
html {}
body {}

/* Layout */
.header {}
.footer {}

/* Component */
.btn {}

これをDart Sassで作成したところ、なぜかコメントが一番下に集まってしまいます。

/* Foundation */
@use 'foundation/base';

/* Layout */
@use 'layout/header';
@use 'layout/footer';

/* Component */
@use 'component/btn';

html {}
body {}

.header {}
.footer {}

.btn {}
↓ 一番下にコメントが移動してしまう
/* Foundation */
/* Layout */
/* Component */

なぜ一体このようになるのでしょうか…
公式サイトをみてもコメント位置については特に何も書かれていないようでした。
個人制作のプロジェクトでしたらminify化してコメントを全部削除するのですが、クライアントワークの場合minify化せずにコメントをきちんとつけてほしいと言われることがあるので、どうすればいいか困っております。
一応今応急処置的に、見出しコメントだけのscssファイルを作って以下のようにしているのですが、こんなことは絶対やりたくないので、何とか解決する方法を探しています。

// Foundation ← こっちは表示させないようにする
@use "foundation/f-comment"; // 見出しコメント用
@use 'foundation/base';

// Layout
@use "layout/l-comment"; // 見出しコメント用
@use 'layout/header';
@use 'layout/footer';

// Component
@use "component/c-comment"; // 見出しコメント用
@use 'component/btn';

/* Foundation */

/* Layout */

/* Component */

/* Foundation */
html {}
body {}

/* Layout */
.header {}
.footer {}

/* Component */
.btn {}

もし同じような問題を解決された方がいらっしゃいましたら、アドバイスいただけると大変助かります。
よろしくお願いいたします。

追記

Lhankor_Mhy様より他の環境では再現されないとの情報をいただきました。
そのためもしかしたらgulpのプラグインが原因じゃないかなと考えております。
問題が再現する簡単なgulpfileを作りましたので追記させていただきます。

const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));

gulp.task('sass', () => {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('./css'));
});

ディレクトリ構成

sass/
  ├ style.scss
  └ _hoge.scss

style.scss

/* Layout */
@use "hoge";

_hoge.scss

.hoge {
  color: red;
}

下記でインストールしてから

npm install --save-dev gulp sass gulp-sass

下記で実行します

npx gulp sass

Comments

[Lhankor_Mhy]

当方で、VSCodeの拡張「DartJS Sass Compiler and Sass Watcher」を使っているのですが、問題が再現しませんでした。
これは、JS版の Dart Sass を使っているので、もしかすると、Dart版特有の現象なのかもしれないですね。

[takopo]

そうなんですね。
再現しない環境もあるということが分かり良かったです。
こちらはgulpで「sass（中身はDart Sass）」というプラグインを使っています。
なのでもしかしたらそのプラグインが原因かもしれません。

Answer 1

GitHubのIssueを検索してみると

I wouldn't call it a bug, since this is intended behavior of the module system.

(Google翻訳)

これはモジュールシステムの意図された動作であるため、私はそれをバグとは呼びません。

だそうです

https://github.com/sass/dart-sass/issues/1033
https://github.com/sass/dart-sass/issues/1282
https://github.com/sass/sass/issues/2848

Comments

[takopo]

なるほどsass自体の仕様だったのですね。
Issueに回避策が書いてあるっぽいので、英語は苦手ですが試してみたいと思います。
ご回答いただき助かりました。ありがとうございます！