sass - dart-sass で @use を使用して scss フォルダー構造をセットアップする方法は?

Question

しばらくの間、@import を使用して次の SCSS フォルダー構造を作成してきました。3 つのパーシャルを _utilities-dir.scss などにインポートします。たとえば、パーシャルを _utilities-dir.scss に追加します。

utilities
    _utilities-dir.scss
    _functions.scss
    _mixins.scss
    _variables.scss

base
    __base-dir.scss
    _reset.scss
    _typography.scss

次に @import メソッドを使用して main.scss ファイルを作成していました

@import "/utilities/utilities-dir",
@import "/utilities/base-dir",

新しい @use メソッドを使用して同じ出力を作成するにはどうすればよいですか?