Deprecation Warning: Sass's behavior for declarations that appear after nested rules will be changing

Created on 18 July 2024, 5 months ago

Problem/Motivation

After running npm run build, I see a number of warnings like:

Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> components/00-base/layout/layout.scss
44 │       --stl: 1;
   │       ^^^^^^^^ declaration
   ╵
   ┌──> node_modules/breakpoint-sass/stylesheets/_breakpoint.scss
65 │ ┌     @media #{$query-string} {
66 │ │       @content;
67 │ │     }
   │ └─── nested rule
   ╵
    components/00-base/layout/layout.scss 44:5                      @import
    00-base/**/!(*.stories|variables|_variables.*|reset).scss 10:9  @import
    components/style.scss 10:9                                      root stylesheet

Steps to reproduce

  1. Install 10.3.1
  2. Apply required core patch and clear cache
  3. Enable required modules
  4. Install CT and put as default theme
  5. Go to theme directory and run npm run build
  6. See the warnings

Proposed resolution

TBD

Remaining tasks

  1. Determine fix
  2. Update code
  3. Test
  4. Commit

User interface changes

API changes

Data model changes

📌 Task
Status

Closed: won't fix

Version

1.0

Component

Code

Created by

🇺🇸United States Kristen Pol Santa Cruz, CA, USA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024