Skip to content

Fix deprecation warning in frontend bildbuild

When running ddev npm run build:production some deprecations are displayed:

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import


1 │ $mode: production;@import "variables";
  │                           ^^^^^^^^^^^

    assets/Scss/rte.scss 1:27  root stylesheet

Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.adjust instead.

More info and automated migrator: https://sass-lang.com/d/import


2 │ $light-grey: lighten($dark-grey, 10%);
  │              ^^^^^^^^^^^^^^^^^^^^^^^^

    assets/Scss/_variables.scss 2:14  @import
    assets/Scss/rte.scss 1:27         root stylesheet

Deprecation Warning: lighten() is deprecated. Suggestions:

color.scale($color, $lightness: 14.6551724138%)
color.adjust($color, $lightness: 10%)

More info: https://sass-lang.com/d/color-functions


2 │ $light-grey: lighten($dark-grey, 10%);
  │              ^^^^^^^^^^^^^^^^^^^^^^^^

    assets/Scss/_variables.scss 2:14  @import
    assets/Scss/rte.scss 1:27         root stylesheet

transforming (1) assets/app.jsDeprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import


1 │ $mode: production;@import "variables";
  │                           ^^^^^^^^^^^

    assets/Scss/app.scss 1:27  root stylesheet

Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.adjust instead.

More info and automated migrator: https://sass-lang.com/d/import


2 │ $light-grey: lighten($dark-grey, 10%);
  │              ^^^^^^^^^^^^^^^^^^^^^^^^

    assets/Scss/_variables.scss 2:14  @import
    assets/Scss/app.scss 1:27         root stylesheet

Deprecation Warning: lighten() is deprecated. Suggestions:

color.scale($color, $lightness: 14.6551724138%)
color.adjust($color, $lightness: 10%)

More info: https://sass-lang.com/d/color-functions


2 │ $light-grey: lighten($dark-grey, 10%);
  │              ^^^^^^^^^^^^^^^^^^^^^^^^

    assets/Scss/_variables.scss 2:14  @import
    assets/Scss/app.scss 1:27         root stylesheet