SassC::SyntaxError: Error: Silent comments aren't allowed in plain CSS.

[h0jeZvgoxFepBQ2C]

Hi,

we upgraded from webpacker to dartsass-sprockets but get now following errors during compilation:

SassC::SyntaxError: Error: Silent comments aren't allowed in plain CSS.
  ╷
1 │ //= require jquery-ui/all
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  ../../../../jquery-ui-rails-6.0.1/app/assets/stylesheets/jquery-ui.css 1:1                             @import
  sassc-embedded-import:2 1:9                                                                            @import
  /Users/myuser/coding/myproject/app/assets/stylesheets/customer_layout.css.scss 2:9  root stylesheet
../../.asdf/installs/ruby/3.1.4/lib/ruby/gems/3.1.0/gems/jquery-ui-rails-6.0.1/app/assets/stylesheets/jquery-ui.css:1

Caused by:
Sass::CompileError: Silent comments aren't allowed in plain CSS.

Tasks: TOP => assets:precompile

It seems that dartsass tries to compile .css files (not .scss files) - how can I fix this?

[johnnyshields]

The workaround is to rename everything to .scss.