如何在 Ruby on Rails 中将 Sass 变量用于特定于视图的样式表而不会出错？

问：

在 Ruby Rails 7 中，我正在尝试为特定视图创建一个 sass 样式表。我希望样式表使用在另一个样式表中定义的变量。但是，当我尝试引用变量时出现错误。我的文件是：

颜色.css.scss：

 $my-background-color: blue;

myPage.css.scss：

html{
    background-color: $my-background-color;
}

应用程序.css.scss：

 /*
 *= require_self
 */


@import "colors.css.scss";
@import "landing.css.scss";

config/initializers/assets.rb：

 Rails.application.config.assets.precompile += %w( colors.css.scss)
 Rails.application.config.assets.precompile += %w( myPage.css.scss)

views/myPage.html.erb：

<%= stylesheet_link_tag "myPage" %>

<h1>Some Title</h1>
<p>Some description</p>

错误：myController#myPage 中的 SassC：：SyntaxError

Error: Invalid CSS after "html": expected 1 selector or at-rule, was "{"
        on line 3:1 of app/assets/stylesheets/myPage.css.scss
>> html{

然后错误突出显示在 myPage.html.erb 文件中。删除样式表链接标记是有效的，但当然，这会将样式应用于所有视图。我只想将它应用于myPage。 stylesheet_link_tag

已安装 sassc-rails