tests(unit): add mix modifier value calculation unit test

Author: Dario Soller

test/spec/color-modifiers/transformColorModifiers.spec.ts

@@ -105,6 +105,35 @@ describe('transform color modifiers', () => {
       // without space, return original
       expect(transformColorModifiers(token(''))).to.equal('#000000');
     });
+
+    it('supports mix modifier value calculations', () => {
+      const token = (space: ColorSpaceTypes | '', format?) => ({
+        value: '#FFFFFF',
+        type: 'color',
+        $extensions: {
+          'studio.tokens': {
+            modify: {
+              type: 'mix',
+              value: '0.5 + 6 * 0.04',
+              color: '#4477DD',
+              space,
+              format,
+            },
+          },
+        },
+      });
+
+      expect(transformColorModifiers(token(ColorSpaceTypes.HSL))).to.equal('hsl(220 51.2% 67.9%)');
+      expect(transformColorModifiers(token(ColorSpaceTypes.LCH))).to.equal('lch(63.4 43.7 279)');
+      expect(transformColorModifiers(token(ColorSpaceTypes.P3))).to.equal(
+        'color(display-p3 0.49 0.6 0.88)',
+      );
+      expect(transformColorModifiers(token(ColorSpaceTypes.SRGB))).to.equal(
+        'rgb(45.7% 60.5% 90.1%)',
+      );
+      expect(transformColorModifiers(token(''))).to.equal('#FFFFFF');
+      expect(transformColorModifiers(token(ColorSpaceTypes.SRGB, 'hex'))).to.equal('#759ae6');
+    });
   });
 
   describe('transparentize', () => {