Uploaded image for project: 'Ibexa IBX'
  1. Ibexa IBX
  2. IBX-6579

The newer version of sass-loader reports deprecation messages

    XMLWordPrintable

Details

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Medium Medium
    • 3.3.35, 4.5.3
    • None
    • None
    • Yes

    Description

      Steps to reproduce

      1. Install Ibexa DXP
      2. In package.json change sass-loader to ^13.2.2
      3. run yarn install and yarn encore dev

       

      Result

      In the console, we have some warning messages

      Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
      Deprecation Passing percentage units to the global abs() function is deprecated.
      In the future, this will emit a CSS abs() function to be resolved by the browser.
      To preserve current behavior: math.abs(100%)
      To emit a CSS abs() now: abs(#{100%})
      More info: https://sass-lang.com/d/abs-percentpublic/bundles/ibexaadminui/scss/ibexa-bootstrap.scss 1:1                               divide()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 59:12        row-cols()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 85:13        @content
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_breakpoints.scss 68:5  media-breakpoint-up()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 72:5         make-grid-columns()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/_grid.scss 38:3                @import
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/bootstrap.scss 20:9            @import
      public/bundles/ibexaadminui/scss/ibexa-bootstrap.scss 2:9                               root stylesheet
       warn  in ./vendor/ibexa/admin-ui/src/bundle/Resources/public/scss/ibexa-bootstrap.scss                  11:44:48 AMModule Warning (from ./node_modules/sass-loader/dist/cjs.js):
      Deprecation Passing percentage units to the global abs() function is deprecated.
      In the future, this will emit a CSS abs() function to be resolved by the browser.
      To preserve current behavior: math.abs(100%)
      To emit a CSS abs() now: abs(#{100%})
      More info: https://sass-lang.com/d/abs-percentvendor/ibexa/admin-ui/src/bundle/Resources/public/scss/ibexa-bootstrap.scss 1:1         divide()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 59:12        row-cols()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 85:13        @content
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_breakpoints.scss 68:5  media-breakpoint-up()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/mixins/_grid.scss 72:5         make-grid-columns()
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/_grid.scss 38:3                @import
      public/bundles/ibexaadminuiassets/vendors/bootstrap/scss/bootstrap.scss 20:9            @import
      vendor/ibexa/admin-ui/src/bundle/Resources/public/scss/ibexa-bootstrap.scss 2:9         root stylesheet
       warn  in ./vendor/ibexa/tree-builder/src/bundle/Resources/public/scss/tree.builder.scss                 11:44:48 AMModule Warning (from ./node_modules/sass-loader/dist/cjs.js):
      Deprecation The selector "+ .c-tb-toggler--light::before" is invalid CSS.
      This will be an error in Dart Sass 2.0.0.More info: https://sass-lang.com/d/bogus-combinatorsvendor/ibexa/tree-builder/src/bundle/Resources/public/scss/_toggler.scss 34:9     @import
      vendor/ibexa/tree-builder/src/bundle/Resources/public/scss/tree.builder.scss 4:9  root stylesheet
       

      Expected

      building files should be done without warnings which will soon turn into errors in Dart Sass 2.0.0

      Designs

        Attachments

          Activity

            People

              Unassigned Unassigned
              mateusz.debinski@ibexa.co Mateusz Dębiński
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: