microsoft / microsoft/TypeScript-Website
CRITICAL: Deprecated Sass lighten() function causing build warnings in community.scss
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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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