microsoft / microsoft/TypeScript-Website

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

Open
#3,566 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.6k
Forks
1.5k
Avg merge
2d 2h
Merged PRs (30d)
7

Description

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!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review community.scss around line 105 and the existing PR #3558, which contains the reported fix. Verify the deprecation warning is addressed and that the community page still looks and works as described.

Written by the indexing model from the issue text.

Assessment

Tech stack
sass
Domain
build-system, frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.