CSS Design System TDD

Overview

Apply TDD principles to CSS design system work:

1. RED: Run checks that reveal current issues
2. GREEN: Fix CSS to pass checks
3. REFACTOR: Verify no regressions, clean up

Available Checks

1. Undefined Variable Check

Find CSS variables used but never defined:

# Extract all var(--name) usages
grep -rhoE 'var\(--[a-zA-Z0-9-]+' src/**/*.css | sort -u | sed 's/var(//' > /tmp/css-vars-used.txt