@tbela99/css-parser 1.2.0 → 1.3.0

package/dist/lib/parser/parse.js

@@ -122,6 +122,18 @@ async function doParse(iterator, options = {}) {
         stats.bytesIn = item.bytesIn;
         rawTokens.push(item);
         if (item.hint != null && BadTokensTypes.includes(item.hint)) {
+            const node = getTokenType(item.token, item.hint);
+            errors.push({
+                action: 'drop',
+                message: 'Bad token',
+                syntax: null,
+                node,
+                location: {
+                    src,
+                    sta: item.sta,
+                    end: item.end
+                }
+            });
             // bad token
             continue;
         }
@@ -166,7 +178,12 @@ async function doParse(iterator, options = {}) {
                     errors.push({
                         action: 'drop',
                         message: 'invalid block',
-                        rawTokens: tokens.slice()
+                        rawTokens: tokens.slice(),
+                        location: {
+                            src,
+                            sta: tokens[0].sta,
+                            end: tokens[tokens.length - 1].end
+                        }
                     });
                 }
             }
@@ -334,6 +351,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                 errors.push({
                     action: 'drop',
                     message: `CDOCOMM not allowed here ${JSON.stringify(tokens[i], null, 1)}`,
+                    node: tokens[i],
                     location
                 });
                 continue;
@@ -388,7 +406,8 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         if (!(type == EnumToken.InvalidAtRuleTokenType &&
                             // @ts-ignore
                             ['charset', 'layer', 'import'].includes(context.chi[i].nam))) {
-                            errors.push({ action: 'drop', message: 'invalid @import', location });
+                            // @ts-ignore
+                            errors.push({ action: 'drop', message: 'invalid @import', location, rawTokens: [atRule, ...tokens] });
                             return null;
                         }
                     }
@@ -464,7 +483,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         action: 'drop',
                         message: '@charset must have only one space',
                         // @ts-ignore
-                        location
+                        location, rawTokens: [atRule, ...tokens]
                     });
                     return null;
                 }
@@ -533,6 +552,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
             errors.push({
                 action: 'drop',
                 message: valid.error + ' - "' + tokens.reduce((acc, curr) => acc + renderToken(curr, { minify: false }), '') + '"',
+                node,
                 // @ts-ignore
                 location: { src, ...(map.get(valid.node) ?? location) }
             });
@@ -581,7 +601,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                             if (curr.typ == EnumToken.IdenTokenType && curr.val == 'from') {
                                 Object.assign(curr, { typ: EnumToken.PercentageTokenType, val: '0' });
                             }
-                            else if (curr.typ == EnumToken.PercentageTokenType && curr.val == '100') {
+                            else if (curr.typ == EnumToken.PercentageTokenType && curr.val == 100) {
                                 Object.assign(curr, { typ: EnumToken.IdenTokenType, val: 'to' });
                             }
                         }
@@ -634,6 +654,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                 errors.push({
                     action: 'drop',
                     message: valid.error + ' - "' + tokens.reduce((acc, curr) => acc + renderToken(curr, { minify: false }), '') + '"',
+                    node,
                     // @ts-ignore
                     location
                 });
@@ -658,7 +679,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                             val: tokens[i].val.charAt(0)
                         }, {
                             typ: EnumToken.NumberTokenType,
-                            val: tokens[i].val.slice(1)
+                            val: +tokens[i].val.slice(1)
                         });
                     }
                     else if (start == '/' && isFunction(val)) {
@@ -859,9 +880,10 @@ function parseAtRulePrelude(tokens, atRule) {
                 }
             }
         }
+        const val = value.typ == EnumToken.IdenTokenType ? value.val.toLowerCase() : null;
         if (value.typ == EnumToken.IdenTokenType) {
             if (parent == null && mediaTypes.some((t) => {
-                if (value.val.localeCompare(t, 'en', { sensitivity: 'base' }) == 0) {
+                if (val === t) {
                     // @ts-ignore
                     value.typ = EnumToken.MediaFeatureTokenType;
                     return true;
@@ -870,18 +892,18 @@ function parseAtRulePrelude(tokens, atRule) {
             })) {
                 continue;
             }
-            if (value.typ == EnumToken.IdenTokenType && 'and'.localeCompare(value.val, 'en', { sensitivity: 'base' }) == 0) {
+            if (value.typ == EnumToken.IdenTokenType && 'and' === val) {
                 // @ts-ignore
                 value.typ = EnumToken.MediaFeatureAndTokenType;
                 continue;
             }
-            if (value.typ == EnumToken.IdenTokenType && 'or'.localeCompare(value.val, 'en', { sensitivity: 'base' }) == 0) {
+            if (value.typ == EnumToken.IdenTokenType && 'or' === val) {
                 // @ts-ignore
                 value.typ = EnumToken.MediaFeatureOrTokenType;
                 continue;
             }
             if (value.typ == EnumToken.IdenTokenType &&
-                ['not', 'only'].some((t) => t.localeCompare(value.val, 'en', { sensitivity: 'base' }) == 0)) {
+                ['not', 'only'].some((t) => val === t)) {
                 // @ts-ignore
                 const array = parent?.chi ?? tokens;
                 const startIndex = array.indexOf(value);
@@ -1194,19 +1216,19 @@ function getTokenType(val, hint) {
     if (isNumber(val)) {
         return {
             typ: EnumToken.NumberTokenType,
-            val
+            val: +val
         };
     }
     if (isPercentage(val)) {
         return {
             typ: EnumToken.PercentageTokenType,
-            val: val.slice(0, -1)
+            val: +val.slice(0, -1)
         };
     }
     if (isFlex(val)) {
         return {
             typ: EnumToken.FlexTokenType,
-            val: val.slice(0, -2)
+            val: +val.slice(0, -2)
         };
     }
     if (isDimension(val)) {

package/dist/lib/parser/tokenize.js

@@ -3,7 +3,7 @@ import '../ast/minify.js';
 import '../ast/walk.js';
 import './parse.js';
 import './utils/config.js';
-import { isWhiteSpace, isIdentStart, isIdent, isNewLine, isDigit, isNonPrintable } from '../syntax/syntax.js';
+import { isWhiteSpace, isIdentStart, isIdent, isNewLine, isDigit } from '../syntax/syntax.js';
 import '../syntax/color/utils/constants.js';
 import '../renderer/sourcemap/lib/encode.js';
 
@@ -424,8 +424,6 @@ function* tokenize(stream) {
                     value = peek(parseInfo);
                     // let cp: number;
                     let whitespace = '';
-                    let hasWhiteSpace = false;
-                    let errorState = false;
                     if (value == '"' || value == "'") {
                         const quote = value;
                         let inquote = true;
@@ -465,7 +463,6 @@ function* tokenize(stream) {
                                 if (isWhiteSpace(charCode)) {
                                     whitespace += value;
                                     while (value = peek(parseInfo)) {
-                                        hasWhiteSpace = true;
                                         if (isWhiteSpace(value?.charCodeAt(0))) {
                                             whitespace += next(parseInfo);
                                             continue;
@@ -521,42 +518,33 @@ function* tokenize(stream) {
                                 buffer = '';
                                 break;
                             }
-                            if (isWhiteSpace(charCode)) {
-                                hasWhiteSpace = true;
-                                whitespace = value;
-                                while (isWhiteSpace(peek(parseInfo)?.charCodeAt(0))) {
-                                    whitespace += next(parseInfo);
-                                }
-                                continue;
-                            }
-                            if (isNonPrintable(charCode) ||
-                                // '"'
-                                charCode == 0x22 ||
-                                // "'"
-                                charCode == 0x27 ||
-                                // \('
-                                charCode == 0x28 ||
-                                hasWhiteSpace) {
-                                errorState = true;
-                            }
-                            if (errorState) {
-                                buffer += whitespace + value;
-                                while (value = peek(parseInfo)) {
-                                    charCode = value.charCodeAt(0);
-                                    if (charCode == 0x5c) {
-                                        buffer += next(parseInfo, 2);
-                                        continue;
-                                    }
-                                    // ')'
-                                    if (charCode == 0x29) {
-                                        break;
-                                    }
-                                    buffer += next(parseInfo);
-                                }
-                                yield pushToken(buffer, parseInfo, EnumToken.BadUrlTokenType);
-                                buffer = '';
-                                break;
-                            }
+                            // if (errorState) {
+                            //
+                            //     buffer += whitespace + value;
+                            //
+                            //     while (value = peek(parseInfo)) {
+                            //
+                            //         charCode = value.charCodeAt(0);
+                            //
+                            //         if (charCode == 0x5c) {
+                            //
+                            //             buffer += next(parseInfo, 2);
+                            //             continue;
+                            //         }
+                            //
+                            //         // ')'
+                            //         if (charCode == 0x29) {
+                            //
+                            //             break;
+                            //         }
+                            //
+                            //         buffer += next(parseInfo);
+                            //     }
+                            //
+                            //     yield pushToken(buffer, parseInfo, EnumToken.BadUrlTokenType);
+                            //     buffer = '';
+                            //     break;
+                            // }
                             buffer += value;
                         }
                     }

package/dist/lib/parser/utils/type.js

@@ -14,7 +14,7 @@ function matchType(val, properties) {
         (properties.types.some((t) => EnumToken[t] == val.typ))) {
         return true;
     }
-    if (val.typ == EnumToken.NumberTokenType && val.val == '0') {
+    if (val.typ == EnumToken.NumberTokenType && val.val == 0) {
         // @ts-ignore
         return properties.types.some((type) => {
             // @ts-ignore

package/dist/lib/renderer/render.js

@@ -325,7 +325,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
             if (Array.isArray(token.chi)) {
                 const isLegacy = ['rgb', 'rgba', 'hsl', 'hsla'].includes(token.val.toLowerCase());
                 const useAlpha = (['rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'oklab', 'oklch', 'lab', 'lch'].includes(token.val.toLowerCase()) && token.chi.length == 4) ||
-                    ('color'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && token.chi.length == 5);
+                    ('color' == token.val.toLowerCase() && token.chi.length == 5);
                 return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
                     if (/[,/]\s*$/.test(acc)) {
                         if (curr.typ == EnumToken.WhitespaceTokenType) {
@@ -522,32 +522,41 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                 return token.val.slice(1);
             }
         case EnumToken.UrlTokenTokenType:
-            if (token.typ == EnumToken.UrlTokenTokenType) {
-                if (options.output != null) {
-                    if (!('original' in token)) {
-                        // do not modify original token
-                        token = { ...token };
-                        Object.defineProperty(token, 'original', {
-                            enumerable: false,
-                            writable: false,
-                            value: token.val
-                        });
-                    }
-                    // @ts-ignore
-                    if (!(token.original in cache)) {
-                        let output = options.output ?? '';
-                        const key = output + 'abs';
-                        if (!(key in cache)) {
-                            // @ts-ignore
-                            cache[key] = options.dirname(options.resolve(output, options.cwd).absolute);
-                        }
-                        // @ts-ignore
-                        cache[token.original] = options.resolve(token.original, cache[key]).relative;
-                    }
-                    // @ts-ignore
-                    token.val = cache[token.original];
-                }
-            }
+        // if (token.typ == EnumToken.UrlTokenTokenType) {
+        //
+        //     if (options.output != null) {
+        //
+        //         if (!('original' in token)) {
+        //
+        //             // do not modify original token
+        //             token = {...token};
+        //             Object.defineProperty(token, 'original', {
+        //                 enumerable: false,
+        //                 writable: false,
+        //                 value: (token as UrlToken).val
+        //             })
+        //         }
+        //
+        //         // @ts-ignore
+        //         if (!(token.original in cache)) {
+        //
+        //             let output: string = <string>options.output ?? '';
+        //             const key = output + 'abs';
+        //
+        //             if (!(key in cache)) {
+        //
+        //                 // @ts-ignore
+        //                 cache[key] = options.dirname(options.resolve(output, options.cwd).absolute);
+        //             }
+        //
+        //             // @ts-ignore
+        //             cache[token.original] = options.resolve(token.original, cache[key]).relative;
+        //         }
+        //
+        //         // @ts-ignore
+        //         token.val = cache[token.original];
+        //     }
+        // }
         case EnumToken.HashTokenType:
         case EnumToken.IdenTokenType:
         case EnumToken.AtRuleTokenType:

package/dist/lib/syntax/color/cmyk.js

@@ -92,11 +92,11 @@ function cmyktoken(values) {
         chi: values.reduce((acc, curr, index) => index < 4 ? [...acc, {
                 typ: EnumToken.PercentageTokenType,
                 // @ts-ignore
-                val: (curr * 100) + ''
+                val: curr * 100
             }] : [...acc, {
                 typ: EnumToken.LiteralTokenType,
                 val: '/'
-            }, { typ: EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
+            }, { typ: EnumToken.PercentageTokenType, val: curr * 100 }], []),
         kin: ColorType.DEVICE_CMYK
     };
 }

package/dist/lib/syntax/color/color-mix.js

@@ -57,7 +57,7 @@ function interpolateHue(interpolationMethod, h1, h2) {
     return [h1, h2];
 }
 function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
-    if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
+    if (color1.val.toLowerCase() == 'currentcolor' || color2.val == 'currentcolor'.toLowerCase()) {
         return null;
     }
     if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
@@ -69,20 +69,19 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
     if (percentage1 == null) {
         if (percentage2 == null) {
             // @ts-ignore
-            percentage1 = { typ: EnumToken.NumberTokenType, val: '.5' };
+            percentage1 = { typ: EnumToken.NumberTokenType, val: .5 };
             // @ts-ignore
-            percentage2 = { typ: EnumToken.NumberTokenType, val: '.5' };
+            percentage2 = { typ: EnumToken.NumberTokenType, val: .5 };
         }
         else {
             if (+percentage2.val <= 0) {
                 return null;
             }
             if (+percentage2.val >= 100) {
-                // @ts-ignore
-                percentage2 = { typ: EnumToken.NumberTokenType, val: '1' };
+                percentage2 = { typ: EnumToken.NumberTokenType, val: 1 };
             }
             // @ts-ignore
-            percentage1 = { typ: EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
+            percentage1 = { typ: EnumToken.NumberTokenType, val: 1 - percentage2.val / 100 };
         }
     }
     else {
@@ -94,10 +93,10 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             // @ts-ignore
             if (percentage1.val >= 100) {
                 // @ts-ignore
-                percentage1 = { typ: EnumToken.NumberTokenType, val: '1' };
+                percentage1 = { typ: EnumToken.NumberTokenType, val: 1 };
             }
             // @ts-ignore
-            percentage2 = { typ: EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
+            percentage2 = { typ: EnumToken.NumberTokenType, val: 1 - percentage1.val / 100 };
         }
         else {
             // @ts-ignore
@@ -275,7 +274,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 chi: values.map(v => {
                     return {
                         typ: EnumToken.NumberTokenType,
-                        val: String(v)
+                        val: v
                     };
                 }),
                 kin: ColorType.LCH
@@ -332,11 +331,11 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             };
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                 // @ts-ignore
-                result.chi[0] = { typ: EnumToken.AngleTokenType, val: String(result.chi[0].val * 360), unit: 'deg' };
+                result.chi[0] = { typ: EnumToken.AngleTokenType, val: result.chi[0].val * 360 };
                 // @ts-ignore
-                result.chi[1] = { typ: EnumToken.PercentageTokenType, val: String(result.chi[1].val * 100) };
+                result.chi[1] = { typ: EnumToken.PercentageTokenType, val: result.chi[1].val * 100 };
                 // @ts-ignore
-                result.chi[2] = { typ: EnumToken.PercentageTokenType, val: String(result.chi[2].val * 100) };
+                result.chi[2] = { typ: EnumToken.PercentageTokenType, val: result.chi[2].val * 100 };
             }
             return result;
     }

package/dist/lib/syntax/color/color.js

@@ -28,7 +28,7 @@ import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 /**
- * Converts a color token to another color space
+ * Converts a color to another color space
  * @param token
  * @param to
  */
@@ -36,7 +36,7 @@ function convertColor(token, to) {
     if (token.kin == ColorType.SYS ||
         token.kin == ColorType.DPSYS ||
         (isIdentColor(token) &&
-            ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+            'currentcolor' == token.val.toLowerCase())) {
         return token;
     }
     if (token.kin == ColorType.COLOR_MIX && to != ColorType.COLOR_MIX) {
@@ -505,14 +505,14 @@ function color2srgbvalues(token) {
 function values2colortoken(values, to) {
     values = srgb2srgbcolorspace(values, to);
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.NumberTokenType, val: values[1] },
+        { typ: EnumToken.NumberTokenType, val: values[2] },
     ];
     if (values.length == 4) {
         chi.push({ typ: EnumToken.LiteralTokenType, val: "/" }, {
             typ: EnumToken.PercentageTokenType,
-            val: (values[3] * 100).toFixed()
+            val: values[3] * 100
         });
     }
     const colorSpace = ColorType[to].toLowerCase().replaceAll('_', '-');
@@ -533,7 +533,7 @@ function getNumber(token) {
         return 0;
     }
     // @ts-ignore
-    return token.typ == EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
+    return token.typ == EnumToken.PercentageTokenType ? token.val / 100 : token.val;
 }
 /**
  * convert angle to turn

package/dist/lib/syntax/color/hsl.js

@@ -76,12 +76,12 @@ function color2HslToken(token) {
 function hslToken(values) {
     values[0] = toPrecisionAngle(values[0] * 360);
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]), uni: 'deg' },
-        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.PercentageTokenType, val: values[1] * 100 },
+        { typ: EnumToken.PercentageTokenType, val: values[2] * 100 },
     ];
     if (values.length == 4 && values[3] != 1) {
-        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: values[3] * 100 });
     }
     return {
         typ: EnumToken.ColorTokenType,

package/dist/lib/syntax/color/hwb.js

@@ -70,12 +70,15 @@ function color2hwbToken(token) {
 function hwbToken(values) {
     values[0] = toPrecisionAngle(values[0] * 360);
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.PercentageTokenType, val: values[1] * 100 },
+        { typ: EnumToken.PercentageTokenType, val: values[2] * 100 },
     ];
     if (values.length == 4) {
-        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: String((values[3] * 100).toFixed()) });
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
+            typ: EnumToken.PercentageTokenType,
+            val: values[3] * 100
+        });
     }
     return {
         typ: EnumToken.ColorTokenType,
@@ -110,16 +113,28 @@ function hsl2hwbvalues(token) {
     }));
 }
 function lab2hwbvalues(token) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2hwb(...lab2srgbvalues(token));
+    return srgb2hwb(...values);
 }
 function lch2hwbvalues(token) {
+    const values = lch2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2hwb(...lch2srgbvalues(token));
+    return srgb2hwb(...values);
 }
 function oklab2hwbvalues(token) {
+    const values = oklab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2hwb(...oklab2srgbvalues(token));
+    return srgb2hwb(...values);
 }
 function oklch2hwbvalues(token) {
     const values = oklch2srgbvalues(token);
@@ -153,8 +168,12 @@ function rgb2whiteness(r, g, b) {
     return Math.min(r, g, b);
 }
 function color2hwbvalues(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2hwb(...color2srgbvalues(token));
+    return srgb2hwb(...values);
 }
 function srgb2hwb(r, g, b, a = null, fallback = 0) {
     r *= 100;

package/dist/lib/syntax/color/lab.js

@@ -76,14 +76,14 @@ function color2labToken(token) {
 }
 function labToken(values) {
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.NumberTokenType, val: values[1] },
+        { typ: EnumToken.NumberTokenType, val: values[2] },
     ];
     if (values.length == 4) {
         chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
             typ: EnumToken.PercentageTokenType,
-            val: (values[3] * 100).toFixed()
+            val: values[3] * 100
         });
     }
     return {

package/dist/lib/syntax/color/lch.js

@@ -77,12 +77,12 @@ function color2lchToken(token) {
 function lchToken(values) {
     values[2] = toPrecisionAngle(values[2]);
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.NumberTokenType, val: values[1] },
+        { typ: EnumToken.NumberTokenType, val: values[2] },
     ];
     if (values.length == 4) {
-        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: values[3] * 100 });
     }
     return {
         typ: EnumToken.ColorTokenType,

package/dist/lib/syntax/color/oklab.js

@@ -78,14 +78,14 @@ function color2oklabToken(token) {
 }
 function oklabToken(values) {
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.NumberTokenType, val: values[1] },
+        { typ: EnumToken.NumberTokenType, val: values[2] },
     ];
     if (values.length == 4) {
         chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
             typ: EnumToken.PercentageTokenType,
-            val: (values[3] * 100).toFixed()
+            val: values[3] * 100
         });
     }
     return {

package/dist/lib/syntax/color/oklch.js

@@ -76,14 +76,14 @@ function color2oklchToken(token) {
 function oklchToken(values) {
     values[2] = toPrecisionAngle(values[2]);
     const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+        { typ: EnumToken.NumberTokenType, val: values[0] },
+        { typ: EnumToken.NumberTokenType, val: values[1] },
+        { typ: EnumToken.NumberTokenType, val: values[2] },
     ];
     if (values.length == 4) {
         chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
             typ: EnumToken.PercentageTokenType,
-            val: (values[3] * 100).toFixed()
+            val: values[3] * 100
         });
     }
     return {

package/dist/lib/syntax/color/relativecolor.js

@@ -70,7 +70,7 @@ function getValue(t, converted, component) {
         }
         return {
             typ: EnumToken.NumberTokenType,
-            val: String(value)
+            val: value
         };
     }
     return t;