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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions