title: SASS/SCSS - Error: $color: currentColor is not a color
body: <p>I have some issue when I want to generate Colors it show me an error messages
  contain</p>
  <blockquote>
  <p>&quot;Error: $color: currentColor is not a color.&quot;??</p>
  </blockquote>
  <p>I dont know where this color coming from maybe the function that convert hex to rgb??</p>
  <p><strong>My Full Code :</strong></p>
  <pre><code>// Function to Convert Hex Color to RGB Color
  
  @function hexToRGB($hex) {
    @return red($hex), green($hex), blue($hex);
  }
  
  // Color Variables
  
  $transparent:    transparent        !default;
  $current:        currentColor       !default;
  $white:          #fff               !default;
  
  // Color Map
  
  $shades: () !default;
  $shades: map-merge(
      (
          &quot;transparent&quot;:    $transparent,
          // The problem is Here it said :
          // currentColor is not a color.
          // Why??
          &quot;current&quot;:        $current,
          &quot;white&quot;:          $white,
      ),
      $shades
  );
  
  // Global Color Map
  
  $colors: () !default;
  $colors: map-merge(
      (
          &quot;shades&quot;:    $shades,
      ),
      $colors
  );
  
  @each $name, $value in $colors {
      @each $shade, $color in $value {
          .color-#{$shade} {
              --color-example1: rgba(#{hexToRGB($color)}, 0);
          }
      }
  }
  </code></pre>
  <p><strong>The Result that I want to get after compiling to CSS :</strong></p>
  <pre><code>.color-transparent {
    --color-example1: rgba(0, 0, 0, 0);
  }
  
  .color-current {
    --color-example1: rgba(255, 255, 255, 0);
  }
  
  .color-white {
    --color-example1: rgba(255, 255, 255, 0);
  }
  </code></pre>