refactor(style): 非推奨の Sass @import を @use へ置き換える

conf/config.sass

@@ -1,3 +1,8 @@
 // テーマCSSのカスタマイズ (SASS形式)
+//
+// _default.sass の値を上書きする。@use では他のモジュールの変数を
+// default.$name: value の形で書き換える。app.sass が default -> config -> main... の
+// 順に @use しているので、上書きは main 以降の評価に反映される。
+@use 'default'
 
-$themeColor: #689B8C
+default.$themeColor: #689B8C

src/sass/_bottom.sass

@@ -1,4 +1,6 @@
 @charset "utf-8"
+@use 'default' as *
+@use 'functions' as *
 
 /* ページネーション
 

src/sass/_functions.sass

@@ -0,0 +1,18 @@
+@charset "utf-8"
+@use "sass:math"
+@use 'default' as *
+
+// _main.sass にあった rem()。
+// @import なら暗黙で全体から見えていたが、@use では読み込んだ側からしか見えない。
+// _main / _top / _side / _result / _bottom から使うのでここへ分けた。
+// CSS を出さないモジュールなので、@use する位置は出力順に影響しない。
+//
+// $standard-rem は呼び出し時に評価されるため、conf 側の config.sass が
+// 上書きした値がそのまま効く。
+
+// CSSフレームワークに対応するために演算済みのremを出力する
+@function rem($value)
+    @if $standard-rem == false
+        @return $value * 1rem
+    @else
+        @return math.div(math.ceil($value * 0.625 * 100), 100) * 1rem

src/sass/_main.sass

@@ -1,12 +1,6 @@
 @charset "utf-8"
-@use "sass:math"
-
-// CSSフレームワークに対応するために演算済みのremを出力する
-@function rem($value)
-    @if $standard-rem == false
-        @return $value * 1rem
-    @else
-        @return math.div(ceil($value * 0.625 * 100) , 100) * 1rem
+@use 'default' as *
+@use 'functions' as *
 
 *
     box-sizing: border-box

src/sass/_result.sass

@@ -1,4 +1,5 @@
 @charset "utf-8"
+@use 'functions' as *
 
 /* 検索結果
 .emresults

src/sass/_side.sass

@@ -1,4 +1,5 @@
 @charset "utf-8"
+@use 'functions' as *
 
 /* サイドバー
 .emside

src/sass/_top.sass

@@ -1,4 +1,6 @@
 @charset "utf-8"
+@use 'default' as *
+@use 'functions' as *
 @use "sass:math"
 
 /* トップ（検索ボックス）*/

src/sass/app.sass

@@ -1,14 +1,14 @@
 @charset "utf-8"
 
-@import 'forced-color'
-@import 'default'
+@use 'forced-color'
+@use 'default'
 
-@import 'config'
+@use 'config'
 
-@import 'main'
-@import 'top'
-@import 'side'
-@import 'result'
-@import 'bottom'
+@use 'main'
+@use 'top'
+@use 'side'
+@use 'result'
+@use 'bottom'
 
-@import 'index'
+@use 'index'