Add function to get hsl values

[atpriyanshu]

Hi @KittyGiraudel!
I have updated _functions.scss to add get-hsl-values function.

[atpriyanshu]

Some common use cases:

$clr-primary-base: #56ffff;

body {
  background: hsl(get-hsl-values($clr-primary-base) / 0.2);
}

// _variables.scss
$theme: (
  primary: (
    300: hsl(199 100% 65%),
    base: hsl(199 100% 50%),
    500: hsl(199 100% 45%),
  ),
  secondary: (
    300: hsl(32 100% 65%),
    base: hsl(32 100% 50%),
    500: hsl(32 100% 45%),
  ),
  accent: (
    300: hsl(0 0% 35%),
    base: hsl(0 0% 24%),
    500: hsl(0 0% 16%),
  ),
);

// _root.scss
:root {

  // colors
  @each $type, $shades in $theme {
    @each $key, $value in $shades {
      --clr-#{$type}-#{$key}: #{$value};
      --clr-#{$type}-#{$key}-hsl: #{get-hsl-values($value)};
    }
  }

}

[atpriyanshu]

May you review and feedback me?