@media (width >= 40rem) { < SassC::SyntaxError: Error: unclosed parenthesis in media query expression (SassC::SyntaxError)

[rgaufman]

When I build assets with this command:

$ RAILS_ENV=production RAILS_GROUPS=assets bin/rails assets:precompile

It creates this file: ./app/assets/builds/tailwind.css

This file internally has code like this

    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }

This throws this exception:

$ RAILS_ENV=production RAILS_GROUPS=assets bin/rails assets:precompile
≈ tailwindcss v4.0.17

Done in 180ms
autoprefixer: /Users/hackeron/Development/TetherX/tetherx/app/assets/stylesheets/application.scss:15853:5: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
autoprefixer: /Users/hackeron/Development/TetherX/tetherx/app/assets/stylesheets/application_dark_theme.scss:15853:5: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
bin/rails aborted!
SassC::SyntaxError: Error: unclosed parenthesis in media query expression (SassC::SyntaxError)
        on line 302:13 of stdin
>>     @media (width >= 40rem) {

   ------------^

Tasks: TOP => assets:precompile
(See full trace by running task with --trace)

I tried adding this to my assets.rb but it didn't help:

Rails.application.config.assets.precompile -= %w( tailwind.css )

[patriciomacadden]

Hi @rgaufman , it looks like you're using sassc-rails, aren't you? Please look at this section of the readme. sassc-rails is incompatible with this gem, so you need to remove it.

[rgaufman]

I don't have sassc-rails but I do have sass-rails and font-awesome-sass which both depend on sassc it seems. Is sass in general not compatible with this?

[patriciomacadden]

sass-rails depends on sassc-rails, so you still have sassc-rails in your project. You need to remove them if you want to use tailwindcss-rails, unfortunately

[rgaufman]

Understood, thank you. Going through a very long and painful migration away from sprockets now t remove sassc :)

[patriciomacadden]

you're welcome!