Sprocketsを 3 -> 4にアップデートしたらmixinの変数が見つからずエラーになった場合の解決方法

Rails 5.0.7.2 -> 5.1.7
sprockets 3.7.2 -> 4.0.2

エラー

rails aborted!
Sass::SyntaxError: Undefined variable: "$color-cardinal-red".
/Users/jcoyne85/workspace/sul-dlss/testapp/app/assets/stylesheets/one.scss:1
Tasks: TOP => assets:precompile

sprocketsを3系から4系にアップデートした際、manifest.jsが作成されるが、デフォルトの記載方法だと上記の様にmixinで使っている変数が見つからないとエラーになるので解決方法。

以下がデフォルトの記載

manifest.js

//= link_tree ../images
//= link_directory ../javascripts .js
//= link_directory ../stylesheets .css

これを以下に変更

manifest.js

//= link_tree ../images
//= link_directory ../javascripts .js
//= link application.css <- 変更

参考: https://github.com/rails/sprockets/issues/597#issuecomment-489968827