dart-sass raises deprecation warning because of slash for division in _constraints.scss

[mjgiarlo]

It's not clear to me that the suggested solution will work for different sass tools, so I've written up this issue in lieu of a PR. 🤷🏻

      01 DEPRECATION                                                                                                                  
      01 WARNING                                                                                                                      
      01 : Using / for division is deprecated and will be removed in Dart Sass 2.0.0.                                                 
      01                                                                                                                              
      01 Recommendation: math.div(breakpoint-max(xs), 2)                                                                              
      01                                                                                                                              
      01 More info and automated migrator: https://sass-lang.com/d/slash-div                                                          
      01                                                                                                                              
      01    ╷                                                                                                                         
      01 12 │       max-width: breakpoint-max(xs) / 2;                                                                                
      01    │                  ^^^^^^^^^^^^^^^^^^^^^^                                                                                 
      01    ╵                                                                                                                         
      01     node_modules/blacklight-frontend/app/assets/stylesheets/blacklight/_constraints.scss 12:18     @import                   
      01     node_modules/blacklight-frontend/app/assets/stylesheets/blacklight/_blacklight_base.scss 14:9  @import                   
      01     blacklight-frontend/app/assets/stylesheets/blacklight/blacklight.scss 5:9                      @import                   
      01     app/assets/stylesheets/application.scss 6:9                                                    root stylesheet           
      01                                                                                                                              
      01 DEPRECATION WARNING                                                                                                          
      01 : Using / for division is deprecated and will be removed in Dart Sass 2.0.0.                                                 
      01                                                                                                                              
      01 Recommendation: math.div(breakpoint-min(sm), 2)                                                                              
      01                                                                                                                              
      01 More info and automated migrator: https://sass-lang.com/d/slash-div     

[jrochkind]

Huh, that is odd. SASS is kind of forking?

Here is SASS's explanation of the deprecation/planned removal: https://sass-lang.com/documentation/breaking-changes/slash-div

• Here are people having the same problem with source in bootstrap itself: Sass deprecation warning: Using / for division is deprecated twbs/bootstrap#34051 (Also includes a way to silence the dart-sass warnings).
  • Includes some discussion of it being unclear how to fix this in bootstrap (assuming they continue using SASS).
  • OK, here's the kind of insane way bootstrap fixes it, with an alternate written-in-SASS implementation of divide. https://github.com/twbs/bootstrap/pull/34386/files#diff-de6111a37eb67d027961043ce738e80a3ac4ad61a6e7704d35cb3168369cba01 This seems kind of outrageous?

I am wondering if the sass maintainers will consider changing their mind on this deprecation, before it is actually removed -- or maybe the currently-not-entirely-supported non-dart implementations of SASS need to add support for math.div?