scssのビルド時warningを回避

[mthaichi]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

ビルドする時にCSSのビルドのwarningがつらつらでてくるのが気になるので回避

どういう変更をしたか？

Files Changed参照。SCSSの以下のような記述をすべて修正

あと、私のエディタの設定か、余計なスペースは保存時に削除されております。

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
  内部的変更なので不要
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• 書けそうなテストは書いたか？
  -テスト不要の修正と判断しています

変更内容について何を確認したか、どういう方法で確認をしたかなど

レビュワー確認方法・確認内容同様

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

• ビルド後のCSSに間違いなく出力されているか ( vk-has-pink などで検索するとわかります）
• グループブロックのVK側の設定で枠線を追加して確認できます。

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[mtdkei]

@mthaichi
ありがとうございます。ビルドのWarningが消えたこと、また、.vk-has-color-XXX、.has-vk-color-XXXの色が生成されていることを確認いたしました。
Tree shaking、Preload、分割読み込みのON/OFFや、Lightning、X-T9、TT4の状態で確認しました。
2人目の方お願いいたします。

[goutetsuguma]

調整ありがとうございます！カラーのクラス名は問題なく表示されておりました。
scss のビルド時の warning というのが私のLocal環境では確認ができなかったのですが、Files changed の scssの修正箇所に問題がなさそうなのと、松田さんにWarningの件をご確認していただいているので、この後マージしようと思います。