Skip to content

CRITICAL: Deprecated Sass lighten() function causing build warnings in community.scss #3566

@lavuchandu169

Description

@lavuchandu169

Hey everyone,

I noticed that every time the dev server starts, the build output throws
this deprecation warning:

DEPRECATION WARNING [color-functions]: lighten() is deprecated.
Suggestions:
color.scale($color, $lightness: 30%)
color.adjust($color, $lightness: 30%)

This is coming from community.scss line 105 where lighten(black, 30%)
is used. The lighten() function is being removed entirely in Dart Sass
3.0.0, which means this will break the build when that version drops.

I've put together a fix in PR #3558—it's a small two-line change that
adds the sass:color module and replaces lighten() it with the modern color.adjust()` equivalent. The community page looks and works exactly
the same after the fix.

Worth noting there are similar `@import "deprecation warnings across
several other scss files too—happy to work on those as a follow-up if
That would be helpful.

Cheers!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions