From 1202f2d9a332a5b6d3f3564f9f60b317ab9f9856 Mon Sep 17 00:00:00 2001 From: Koji Wakayama Date: Sun, 22 Feb 2026 14:12:15 +0100 Subject: [PATCH] fix: upgrade lightningcss to 1.29.2 for oklch() color support lightningcss 1.22.0 throws "Attempting to parse an unsupported color function oklch" when processing CSS with modern color functions. oklch() support was added in v1.24.0. --- src/build/asset-pipeline/css-optimizer/ARCHITECTURE.md | 2 +- .../css-optimizer/strategies/lightning-strategy.ts | 2 +- src/build/asset-pipeline/index.ts | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/build/asset-pipeline/css-optimizer/ARCHITECTURE.md b/src/build/asset-pipeline/css-optimizer/ARCHITECTURE.md index 55bdad0f0c..fb84664252 100644 --- a/src/build/asset-pipeline/css-optimizer/ARCHITECTURE.md +++ b/src/build/asset-pipeline/css-optimizer/ARCHITECTURE.md @@ -428,7 +428,7 @@ tests/build/asset-pipeline/ ### Optional (External) -- `https://esm.sh/lightningcss@1.22.0` - Advanced CSS optimization +- `https://esm.sh/lightningcss@1.29.2` - Advanced CSS optimization ### Internal diff --git a/src/build/asset-pipeline/css-optimizer/strategies/lightning-strategy.ts b/src/build/asset-pipeline/css-optimizer/strategies/lightning-strategy.ts index a334ddf0e0..60a9f984cf 100644 --- a/src/build/asset-pipeline/css-optimizer/strategies/lightning-strategy.ts +++ b/src/build/asset-pipeline/css-optimizer/strategies/lightning-strategy.ts @@ -20,7 +20,7 @@ export class LightningCSSStrategy implements CSSOptimizationStrategy { this.initialized = true; try { - this.lightningCSS = await import("https://esm.sh/lightningcss@1.22.0"); + this.lightningCSS = await import("https://esm.sh/lightningcss@1.29.2"); logger.info("Lightning CSS optimizer loaded successfully"); return true; } catch (error) { diff --git a/src/build/asset-pipeline/index.ts b/src/build/asset-pipeline/index.ts index d3df6615f1..386b1a0123 100644 --- a/src/build/asset-pipeline/index.ts +++ b/src/build/asset-pipeline/index.ts @@ -198,7 +198,7 @@ export async function checkAssetPipelineDependencies(): Promise<{ } try { - await import("https://esm.sh/lightningcss@1.22.0"); + await import("https://esm.sh/lightningcss@1.29.2"); dependencies.lightningCSS = true; } catch (error) { logger.debug("Lightning CSS not available:", error);