Design Token conversion script should consider color modifications

pushed a WIP version.

are the real values always inside the "500" key? or can it be anywhere in therory?

first result:

i am not sure how to best thread different space keys with SCSS

@mxmrtns: here is a full list of what we can use with SCSS: https://sass-lang.com/documentation/modules/color/#darken

e.g. darken() is no longer recommended, but color.scale() is.

@use 'sass:color';

// #036 has lightness 20%, so when darken() subtracts 30% it just returns black.
@debug darken(#036, 30%); // black
// scale() instead makes it 30% darker than it was originally.
@debug color.scale(#036, $lightness: -30%); // #002447