Refactor: How to fix deprecated Sass color functions (lighten/darken)?

Documentation for Sessions

♻️ Refactor: How to fix deprecated Sass color functions (lighten/darken)?

📋 Decision Context

Question:

How to fix deprecated Sass color functions (lighten/darken)?

Task: Fix deprecated SCSS functions in gograb-space app

🎯 Decision Made

Chosen:

Use color.adjust() with modern Sass @use syntax

Options Considered:

Keep deprecated functions
Use color.scale()
Use color.adjust()
Use CSS variables only

💭 Reasoning

Deprecated Sass functions lighten() and darken() will be removed in Dart Sass 3.0.0. Using color.adjust() is the official replacement and follows modern Sass best practices with @use "sass:color" module syntax. Fixed 6 instances across 3 files: deployment-modal.component.scss (3), _ai-dashboard-tokens.scss (2), and ux-buttons.scss (1). For CSS variables where color.adjust() cannot work at runtime, used pre-computed fallback values.

📁 Files Involved

libs/libs-structural/vibe-universe/src/lib/components/vibe-universe-generator/deployment-modal/deployment-modal.component.scss
libs/libs-ai/gograb-ai/src/lib/styles/_ai-dashboard-tokens.scss
libs/theme-system/theme-styles/src/lib/styles/mixins/ux-buttons.scss

🔗 Related

Decision ID: dev_1767650258995_gx2cyxg
Session: 22
Workspace: editor2

Auto-generated by MCP Smart Consolidation