fix(native): handle omitted percentages in color-mix and register color spaces

[Wadiou]

Summary

Handle omitted percentages in colorMix runtime evaluation and register OKLCH, HSL, Lab, and LCH color spaces with colorjs.io.

Problem and Reproduction

When percentages are omitted in color-mix() (such as color-mix(in oklab, var(--color) 50%, transparent)), the compiled descriptor tuple contains trailing null values:

["oklab", "#060606", "50%", "transparent", null]

At runtime in color-mix.ts, percentage() returned undefined without shifting null, leaving args = [null]. The subsequent if (args.length) return; check failed and evaluated to undefined.

Reproduction

const { colorMix } = require("react-native-css/dist/commonjs/native/styles/functions/color-mix.js");

const desc = [{}, "colorMix", ["oklab", "#060606", "50%", "transparent", null]];
const result = colorMix((v) => v, desc);
// Before: undefined
// After:  "rgba(6, 6, 6, 0.5)"

Key Changes

Runtime

• src/native/styles/functions/color-mix.ts: Consume trailing null/undefined descriptor values before args.length check.
• Register OKLCH, HSL, Lab, and LCH color spaces with colorjs.io.

Tests

• src/__tests__/native/color-mix.test.tsx: Add test coverage for hsl and oklch color spaces.