【Sass】別ファイルで定義した変数を使うには@importで呼び出す必要がある

ポイントはタイトルの通り。

別ファイルで定義した変数を使うには、変数を使用するファイルにて@importで変数を定義したファイル呼び出す必要がある。

以下が参考のコードです。

想定しているファイル構成は以下。
sass
├ common
│ 　　└ variable.scss
└main.scss

_variable.scss

//変数
$color-orange: #F5A623;

_main.scss

@import "../common/variable"; //コレが必要

.btn{
 color: $color-orange;
 }

bundle.scss

@use "common/variable";
@use "main";