postcss-convert-values 9.0.4 → 9.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-convert-values",
-  "version": "9.0.4",
+  "version": "9.0.5",
   "description": "Convert values with PostCSS (e.g. ms -> s)",
   "exports": {
     ".": {
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "browserslist": "^4.29.1",
-    "cssnano-utils": "^8.0.0"
+    "cssnano-utils": "^8.0.1"
   },
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"

package/src/lib/convert.js

@@ -1,11 +1,11 @@
-export const lengthConv = new Map([
+const lengthConv = new Map([
   ['in', 288],
   ['px', 3],
   ['pt', 4],
   ['pc', 48],
 ]);
 
-export const metricConv = new Map([
+const metricConv = new Map([
   ['cm', 40],
   ['mm', 4],
   ['q', 1],

package/src/lib/findReplacements.js

@@ -0,0 +1,332 @@
+import cssnanoUtils from 'cssnano-utils';
+import convert, {
+  dropLeadingZero,
+  roundToPrecision,
+  timeConv,
+  angleConv,
+  freqConv,
+} from './convert.js';
+
+const {
+  TokenType,
+  calcSumFunctions,
+  closeForOpening,
+  decoded,
+  lengthUnits,
+  mathFunctions,
+  numericSource,
+  tokens,
+} = cssnanoUtils;
+
+/* Functions in which a zero cannot lose its unit. Every math function qualifies
+ * because `calc(0%)` and `calc(0)` differ in type; the rest are listed per
+ * grammar, e.g. conic-gradient stops take an <angle-percentage>, which no
+ * unitless zero represents, while linear-gradient stops take a
+ * <length-percentage>, which it does. */
+const functionsPreservingZeroUnits = new Set([
+  ...mathFunctions,
+  ...calcSumFunctions,
+  'anchor',
+  'anchor-size',
+  'contrast-color',
+  'view',
+  'color-mix',
+  'hsl',
+  'hsla',
+  'hwb',
+  'linear',
+  'conic-gradient',
+  'repeating-conic-gradient',
+  'cross-fade',
+  'rgb',
+  'rgba',
+  'oklch',
+  'oklab',
+  'lab',
+  'lch',
+  'color',
+  'palette-mix',
+]);
+
+const convertibleUnits = new Set([
+  ...timeConv.keys(),
+  ...angleConv.keys(),
+  ...freqConv.keys(),
+  'rad',
+]);
+
+/** @typedef {Parameters<typeof convert>[2]} ConvertOptions */
+/** @typedef {{precision?: false | number, transformCustomProperties?: boolean} & ConvertOptions & { overrideBrowserslist?: string | string[] } & import('browserslist').Options} Options */
+/** @typedef {{keepZeroPercent: boolean, keepZeroLength: boolean, clampAlpha: boolean, isAlpha: boolean, isFont: boolean}} ReplacementFlags */
+
+/** @param {number} number @param {string} unit @param {string} raw @param {Options} opts @param {boolean} keepZeroPercent @param {boolean} keepZeroLength @param {boolean} hasDecimal @return {string} */
+function parseNumber(
+  number,
+  unit,
+  raw,
+  opts,
+  keepZeroPercent,
+  keepZeroLength,
+  hasDecimal
+) {
+  if (raw.includes('\\')) return raw;
+  const lowerCasedUnit = unit.toLowerCase();
+  if (
+    unit !== '' &&
+    unit !== '%' &&
+    !lengthUnits.has(lowerCasedUnit) &&
+    !convertibleUnits.has(lowerCasedUnit)
+  )
+    return raw;
+  let num = number;
+  if (
+    typeof opts.precision === 'number' &&
+    opts.precision >= 0 &&
+    (hasDecimal || !Number.isInteger(num))
+  ) {
+    num = roundToPrecision(num, opts.precision);
+  }
+  if (num === 0) {
+    if (convertibleUnits.has(lowerCasedUnit)) {
+      return convert(0, unit, opts);
+    }
+    if (unit === '%') {
+      return keepZeroPercent ? '0%' : '0';
+    }
+    if (lengthUnits.has(lowerCasedUnit)) {
+      return keepZeroLength ? '0' + unit : '0';
+    }
+    return '0';
+  }
+  return convert(num, unit, opts);
+}
+
+/** @param {string} value @param {number} number @param {string} unit @param {Options} opts @param {boolean} [clamp] @return {string} */
+function clampOpacity(value, number, unit, opts, clamp = true) {
+  if (unit === '%') {
+    if (clamp) {
+      if (number >= 100) return '1';
+      if (number <= 0) return '0';
+    }
+    let decimalNumber = Number((number / 100).toPrecision(15));
+    if (typeof opts.precision === 'number' && opts.precision >= 0) {
+      decimalNumber = roundToPrecision(decimalNumber, opts.precision);
+    }
+    const decimal = dropLeadingZero(decimalNumber);
+    return decimal.length < value.length ? decimal : value;
+  }
+  if (clamp) {
+    if (number > 1) return '1';
+    if (number < 0) return '0';
+  }
+  return value;
+}
+
+/** @param {string} str @return {string} */
+export function stripVendorPrefix(str) {
+  if (str.charCodeAt(0) !== 45 /* '-' */) return str;
+  if (str.startsWith('-webkit-')) return str.slice(8);
+  if (str.startsWith('-moz-')) return str.slice(5);
+  if (str.startsWith('-ms-')) return str.slice(4);
+  if (str.startsWith('-o-')) return str.slice(3);
+  return str;
+}
+
+/**
+ * @param {string} replacement
+ * @param {string} raw
+ * @param {boolean} isAlpha
+ * @param {boolean} isConvertibleZero
+ * @return {boolean}
+ */
+function shouldReplace(replacement, raw, isAlpha, isConvertibleZero) {
+  if (replacement === raw) return false;
+  if (replacement.length < raw.length) return true;
+  return (isAlpha || isConvertibleZero) && replacement.length <= raw.length;
+}
+
+class FrameStack {
+  /** @type {string[]} */
+  #closeStack = [];
+  #keepZeroPercent;
+  #keepZeroLength;
+  #keepZeroUnitsDepth = -1;
+  #skippedDepth = -1;
+
+  /**
+   * @param {boolean} keepZeroPercent
+   * @param {boolean} keepZeroLength
+   */
+  constructor(keepZeroPercent, keepZeroLength) {
+    this.#keepZeroPercent = keepZeroPercent;
+    this.#keepZeroLength = keepZeroLength;
+  }
+
+  get isTopLevel() {
+    return this.#closeStack.length === 0;
+  }
+
+  get isSkipped() {
+    return this.#skippedDepth !== -1;
+  }
+
+  get keepZeroPercent() {
+    return this.#keepZeroPercent || this.#keepZeroUnitsDepth !== -1;
+  }
+
+  get keepZeroLength() {
+    return this.#keepZeroLength || this.#keepZeroUnitsDepth !== -1;
+  }
+
+  /**
+   * @param {ReturnType<typeof tokens>[number]} token
+   * @return {boolean}
+   */
+  advance(token) {
+    const type = token[0];
+    if (type === TokenType.Function) {
+      const name = stripVendorPrefix(decoded(token).toLowerCase());
+      const keepInFunction = functionsPreservingZeroUnits.has(name);
+      const depth = this.#closeStack.length + 1;
+      this.#closeStack.push(TokenType.CloseParen);
+      if (keepInFunction && this.#keepZeroUnitsDepth === -1) {
+        this.#keepZeroUnitsDepth = depth;
+      }
+      if (name === 'url' && this.#skippedDepth === -1) {
+        this.#skippedDepth = depth;
+      }
+      return true;
+    }
+    if (
+      type === TokenType.OpenParen ||
+      type === TokenType.OpenSquare ||
+      type === TokenType.OpenCurly
+    ) {
+      const close = closeForOpening(type);
+      if (close !== undefined) this.#closeStack.push(close);
+      return true;
+    }
+    if (
+      type === TokenType.CloseParen ||
+      type === TokenType.CloseSquare ||
+      type === TokenType.CloseCurly
+    ) {
+      if (
+        this.#closeStack.length > 0 &&
+        this.#closeStack[this.#closeStack.length - 1] === type
+      ) {
+        const depth = this.#closeStack.length;
+        if (depth === this.#keepZeroUnitsDepth) this.#keepZeroUnitsDepth = -1;
+        if (depth === this.#skippedDepth) this.#skippedDepth = -1;
+        this.#closeStack.pop();
+      }
+      return true;
+    }
+    return false;
+  }
+}
+
+/** @typedef {{index: number, start: number, end: number, raw: string, number: number, unit: string, hasDecimal: boolean}} NumericSource */
+
+/**
+ * @param {NumericSource} source
+ * @param {boolean} isLineHeight
+ * @param {FrameStack} frames
+ * @param {Options} opts
+ * @param {ReplacementFlags} flags
+ * @return {{start: number, end: number, text: string} | undefined}
+ */
+function processNumericToken(source, isLineHeight, frames, opts, flags) {
+  const currentKeepZeroPercent = frames.keepZeroPercent || isLineHeight;
+  const currentKeepZeroLength = frames.keepZeroLength || isLineHeight;
+
+  const converted = parseNumber(
+    source.number,
+    source.unit,
+    source.raw,
+    opts,
+    currentKeepZeroPercent,
+    currentKeepZeroLength,
+    source.hasDecimal
+  );
+  const isAlpha = flags.isAlpha && frames.isTopLevel;
+  const replacement = isAlpha
+    ? clampOpacity(
+        converted,
+        source.number,
+        source.unit,
+        opts,
+        flags.clampAlpha
+      )
+    : converted;
+  const isConvertibleZero =
+    source.number === 0 && convertibleUnits.has(source.unit.toLowerCase());
+
+  if (shouldReplace(replacement, source.raw, isAlpha, isConvertibleZero)) {
+    return {
+      start: source.start,
+      end: source.end,
+      text: replacement,
+    };
+  }
+  return undefined;
+}
+
+/**
+ * @param {string} value
+ * @param {ReplacementFlags} flags
+ * @param {Options} opts
+ * @return {{start: number, end: number, text: string}[]}
+ */
+export function findReplacements(value, flags, opts) {
+  /** @type {{start: number, end: number, text: string}[]} */
+  const replacements = [];
+  const frames = new FrameStack(flags.keepZeroPercent, flags.keepZeroLength);
+  let afterFontSlash = false;
+
+  const input = tokens(value, { unicodeRangesAllowed: true });
+  for (let index = 0; index < input.length; index++) {
+    const token = input[index];
+    if (frames.advance(token)) {
+      if (frames.isTopLevel && afterFontSlash) afterFontSlash = false;
+      continue;
+    }
+    if (frames.isSkipped) continue;
+
+    const type = token[0];
+    if (frames.isTopLevel) {
+      if (type === TokenType.Whitespace || type === TokenType.Comment) {
+        continue;
+      }
+      if (flags.isFont && type === TokenType.Delim && token[1] === '/') {
+        afterFontSlash = true;
+        continue;
+      }
+    }
+
+    const wasAfterFontSlash = frames.isTopLevel && afterFontSlash;
+    if (afterFontSlash) afterFontSlash = false;
+
+    if (
+      type !== TokenType.Number &&
+      type !== TokenType.Dimension &&
+      type !== TokenType.Percentage
+    ) {
+      continue;
+    }
+
+    const source = numericSource(input, index);
+    if (!source) continue;
+    index = source.index;
+
+    const edit = processNumericToken(
+      source,
+      wasAfterFontSlash,
+      frames,
+      opts,
+      flags
+    );
+    if (edit) replacements.push(edit);
+  }
+  return replacements;
+}

package/src/lib/transform.js

@@ -1,24 +1,8 @@
 import cssnanoUtils from 'cssnano-utils';
-import convert, {
-  dropLeadingZero,
-  roundToPrecision,
-  timeConv,
-  angleConv,
-  freqConv,
-} from './convert.js';
-import { syntaxAllowsPercentage } from './parse-syntax.js';
+import { syntaxAllowsPercentage } from './parseSyntax.js';
+import { findReplacements, stripVendorPrefix } from './findReplacements.js';
 
-const {
-  TokenType,
-  applyEdits,
-  calcSumFunctions,
-  closeForOpening,
-  decoded,
-  lengthUnits,
-  mathFunctions,
-  numericSource,
-  tokens,
-} = cssnanoUtils;
+const { applyEdits } = cssnanoUtils;
 
 const flexBasisProperties = new Set([
   'flex',
@@ -26,6 +10,7 @@ const flexBasisProperties = new Set([
   'flex-basic',
   'flex-preferred-size',
 ]);
+
 const alphaProperties = new Set([
   'opacity',
   'shape-image-threshold',
@@ -34,6 +19,7 @@ const alphaProperties = new Set([
   'stop-opacity',
   'flood-opacity',
 ]);
+
 const zeroPercentRetention = new Set([
   'descent-override',
   'ascent-override',
@@ -50,6 +36,7 @@ const zeroPercentRetention = new Set([
   'stroke-dashoffset',
   'stroke-width',
 ]);
+
 const zeroUnitRetention = {
   ie11Percent: new Set(['max-height', 'height', 'min-width']),
   keyframePercent: new Set([
@@ -59,118 +46,8 @@ const zeroUnitRetention = {
     'stroke-width',
   ]),
 };
-/* Functions in which a zero cannot lose its unit. Every math function qualifies
- * because `calc(0%)` and `calc(0)` differ in type; the rest are listed per
- * grammar, e.g. conic-gradient stops take an <angle-percentage>, which no
- * unitless zero represents, while linear-gradient stops take a
- * <length-percentage>, which it does. */
-const functionsPreservingZeroUnits = new Set([
-  ...mathFunctions,
-  ...calcSumFunctions,
-  'anchor',
-  'anchor-size',
-  'contrast-color',
-  'view',
-  'color-mix',
-  'hsl',
-  'hsla',
-  'hwb',
-  'linear',
-  'conic-gradient',
-  'repeating-conic-gradient',
-  'cross-fade',
-  'rgb',
-  'rgba',
-  'oklch',
-  'oklab',
-  'lab',
-  'lch',
-  'color',
-  'palette-mix',
-]);
-
-const convertibleUnits = new Set([
-  ...timeConv.keys(),
-  ...angleConv.keys(),
-  ...freqConv.keys(),
-  'rad',
-]);
-
-/** @typedef {Parameters<typeof convert>[2]} ConvertOptions */
-/** @typedef {{precision?: false | number, transformCustomProperties?: boolean} & ConvertOptions & { overrideBrowserslist?: string | string[] } & import('browserslist').Options} Options */
-
-/** @param {number} number @param {string} unit @param {string} raw @param {Options} opts @param {boolean} keepZeroPercent @param {boolean} keepZeroLength @param {boolean} hasDecimal @return {string} */
-function parseNumber(
-  number,
-  unit,
-  raw,
-  opts,
-  keepZeroPercent,
-  keepZeroLength,
-  hasDecimal
-) {
-  if (raw.includes('\\')) return raw;
-  const lowerCasedUnit = unit.toLowerCase();
-  if (
-    unit !== '' &&
-    unit !== '%' &&
-    !lengthUnits.has(lowerCasedUnit) &&
-    !convertibleUnits.has(lowerCasedUnit)
-  )
-    return raw;
-  let num = number;
-  if (
-    typeof opts.precision === 'number' &&
-    opts.precision >= 0 &&
-    (hasDecimal || !Number.isInteger(num))
-  ) {
-    num = roundToPrecision(num, opts.precision);
-  }
-  if (num === 0) {
-    if (convertibleUnits.has(lowerCasedUnit)) {
-      return convert(0, unit, opts);
-    }
-    if (unit === '%') {
-      return keepZeroPercent ? '0%' : '0';
-    }
-    if (lengthUnits.has(lowerCasedUnit)) {
-      return keepZeroLength ? '0' + unit : '0';
-    }
-    return '0';
-  }
-  return convert(num, unit, opts);
-}
-
-/** @param {string} value @param {number} number @param {string} unit @param {Options} opts @param {boolean} [clamp] @return {string} */
-function clampOpacity(value, number, unit, opts, clamp = true) {
-  if (unit === '%') {
-    if (clamp) {
-      if (number >= 100) return '1';
-      if (number <= 0) return '0';
-    }
-    let decimalNumber = Number((number / 100).toPrecision(15));
-    if (typeof opts.precision === 'number' && opts.precision >= 0) {
-      decimalNumber = roundToPrecision(decimalNumber, opts.precision);
-    }
-    const decimal = dropLeadingZero(decimalNumber);
-    return decimal.length < value.length ? decimal : value;
-  }
-  if (clamp) {
-    if (number > 1) return '1';
-    if (number < 0) return '0';
-  }
-  return value;
-}
 
-/** @param {string} str @return {string} */
-function stripVendorPrefix(str) {
-  if (str.charCodeAt(0) !== 45 /* '-' */) return str;
-  if (str.startsWith('-webkit-')) return str.slice(8);
-  if (str.startsWith('-moz-')) return str.slice(5);
-  if (str.startsWith('-ms-')) return str.slice(4);
-  if (str.startsWith('-o-')) return str.slice(3);
-  return str;
-}
+/** @typedef {import('./findReplacements.js').Options} Options */
 
 /** @type {WeakMap<import('postcss').AtRule, boolean>} */
 const atPropertySyntaxCache = new WeakMap();
@@ -209,7 +86,10 @@ function isInsideKeyframes(decl) {
 
 /** @param {string} property @param {Options} opts @return {boolean} */
 function skipsTransformation(property, opts) {
-  return property.startsWith('--') && !opts.transformCustomProperties;
+  return (
+    property === 'unicode-range' ||
+    (property.startsWith('--') && !opts.transformCustomProperties)
+  );
 }
 
 /**
@@ -217,7 +97,7 @@ function skipsTransformation(property, opts) {
  * @param {string} lowerCasedProp
  * @param {string} strippedProp
  * @param {boolean | string[]} supportsIE
- * @return {{keepZeroPercent: boolean, keepZeroLength: boolean, hasParentContext: boolean, clampAlpha: boolean}}
+ * @return {import('./findReplacements.js').ReplacementFlags & { hasParentContext: boolean }}
  */
 function getDeclarationFlags(decl, lowerCasedProp, strippedProp, supportsIE) {
   const isLineHeight = strippedProp === 'line-height';
@@ -227,10 +107,9 @@ function getDeclarationFlags(decl, lowerCasedProp, strippedProp, supportsIE) {
     decl.parent?.type === 'atrule' &&
     /** @type {import('postcss').AtRule} */ (decl.parent).name.toLowerCase() ===
       'property';
-  const isAlphaProp = alphaProperties.has(strippedProp);
+  const isAlpha = alphaProperties.has(strippedProp);
   const isKeyframeProp = zeroUnitRetention.keyframePercent.has(strippedProp);
-  const inKeyframes =
-    (isKeyframeProp || isAlphaProp) && isInsideKeyframes(decl);
+  const inKeyframes = (isKeyframeProp || isAlpha) && isInsideKeyframes(decl);
   const hasParentContext = lowerCasedProp === 'initial-value' || inKeyframes;
 
   const hasIESupport =
@@ -257,212 +136,16 @@ function getDeclarationFlags(decl, lowerCasedProp, strippedProp, supportsIE) {
     isAtProperty;
 
   const clampAlpha = !inKeyframes;
-
-  return { keepZeroPercent, keepZeroLength, hasParentContext, clampAlpha };
-}
-
-/**
- * @param {string} replacement
- * @param {string} raw
- * @param {boolean} isAlpha
- * @param {boolean} isConvertibleZero
- * @return {boolean}
- */
-function shouldReplace(replacement, raw, isAlpha, isConvertibleZero) {
-  if (replacement === raw) return false;
-  if (replacement.length < raw.length) return true;
-  return (isAlpha || isConvertibleZero) && replacement.length <= raw.length;
-}
-
-class FrameStack {
-  /** @type {string[]} */
-  #closeStack = [];
-  #keepZeroPercent;
-  #keepZeroLength;
-  #keepZeroUnitsDepth = -1;
-  #skippedDepth = -1;
-
-  /**
-   * @param {boolean} keepZeroPercent
-   * @param {boolean} keepZeroLength
-   */
-  constructor(keepZeroPercent, keepZeroLength) {
-    this.#keepZeroPercent = keepZeroPercent;
-    this.#keepZeroLength = keepZeroLength;
-  }
-
-  get isTopLevel() {
-    return this.#closeStack.length === 0;
-  }
-
-  get isSkipped() {
-    return this.#skippedDepth !== -1;
-  }
-
-  get keepZeroPercent() {
-    return this.#keepZeroPercent || this.#keepZeroUnitsDepth !== -1;
-  }
-
-  get keepZeroLength() {
-    return this.#keepZeroLength || this.#keepZeroUnitsDepth !== -1;
-  }
-
-  /**
-   * @param {ReturnType<typeof tokens>[number]} token
-   * @return {boolean}
-   */
-  advance(token) {
-    const type = token[0];
-    if (type === TokenType.Function) {
-      const name = stripVendorPrefix(decoded(token).toLowerCase());
-      const keepInFunction = functionsPreservingZeroUnits.has(name);
-      const depth = this.#closeStack.length + 1;
-      this.#closeStack.push(TokenType.CloseParen);
-      if (keepInFunction && this.#keepZeroUnitsDepth === -1) {
-        this.#keepZeroUnitsDepth = depth;
-      }
-      if (name === 'url' && this.#skippedDepth === -1) {
-        this.#skippedDepth = depth;
-      }
-      return true;
-    }
-    if (
-      type === TokenType.OpenParen ||
-      type === TokenType.OpenSquare ||
-      type === TokenType.OpenCurly
-    ) {
-      const close = closeForOpening(type);
-      if (close !== undefined) this.#closeStack.push(close);
-      return true;
-    }
-    if (
-      type === TokenType.CloseParen ||
-      type === TokenType.CloseSquare ||
-      type === TokenType.CloseCurly
-    ) {
-      if (
-        this.#closeStack.length > 0 &&
-        this.#closeStack[this.#closeStack.length - 1] === type
-      ) {
-        const depth = this.#closeStack.length;
-        if (depth === this.#keepZeroUnitsDepth) this.#keepZeroUnitsDepth = -1;
-        if (depth === this.#skippedDepth) this.#skippedDepth = -1;
-        this.#closeStack.pop();
-      }
-      return true;
-    }
-    return false;
-  }
-}
-
-/** @typedef {{index: number, start: number, end: number, raw: string, number: number, unit: string, hasDecimal: boolean}} NumericSource */
-
-/**
- * @param {NumericSource} source
- * @param {boolean} isLineHeight
- * @param {string} strippedProp
- * @param {FrameStack} frames
- * @param {Options} opts
- * @param {boolean} clampAlpha
- * @return {{start: number, end: number, text: string} | undefined}
- */
-function processNumericToken(
-  source,
-  isLineHeight,
-  strippedProp,
-  frames,
-  opts,
-  clampAlpha
-) {
-  const currentKeepZeroPercent = frames.keepZeroPercent || isLineHeight;
-  const currentKeepZeroLength = frames.keepZeroLength || isLineHeight;
-
-  const converted = parseNumber(
-    source.number,
-    source.unit,
-    source.raw,
-    opts,
-    currentKeepZeroPercent,
-    currentKeepZeroLength,
-    source.hasDecimal
-  );
-  const isAlpha = alphaProperties.has(strippedProp) && frames.isTopLevel;
-  const replacement = isAlpha
-    ? clampOpacity(converted, source.number, source.unit, opts, clampAlpha)
-    : converted;
-  const isConvertibleZero =
-    source.number === 0 && convertibleUnits.has(source.unit.toLowerCase());
-
-  if (shouldReplace(replacement, source.raw, isAlpha, isConvertibleZero)) {
-    return {
-      start: source.start,
-      end: source.end,
-      text: replacement,
-    };
-  }
-  return undefined;
-}
-
-/**
- * @param {string} value
- * @param {string} strippedProp
- * @param {{keepZeroPercent: boolean, keepZeroLength: boolean, clampAlpha: boolean}} flags
- * @param {Options} opts
- * @return {{start: number, end: number, text: string}[]}
- */
-function findReplacements(value, strippedProp, flags, opts) {
-  /** @type {{start: number, end: number, text: string}[]} */
-  const replacements = [];
-  const frames = new FrameStack(flags.keepZeroPercent, flags.keepZeroLength);
   const isFont = strippedProp === 'font';
-  let afterFontSlash = false;
-
-  const input = tokens(value);
-  for (let index = 0; index < input.length; index++) {
-    const token = input[index];
-    if (frames.advance(token)) {
-      if (frames.isTopLevel && afterFontSlash) afterFontSlash = false;
-      continue;
-    }
-    if (frames.isSkipped) continue;
-
-    const type = token[0];
-    if (frames.isTopLevel) {
-      if (type === TokenType.Whitespace || type === TokenType.Comment) {
-        continue;
-      }
-      if (isFont && type === TokenType.Delim && token[1] === '/') {
-        afterFontSlash = true;
-        continue;
-      }
-    }
 
-    const wasAfterFontSlash = frames.isTopLevel && afterFontSlash;
-    if (afterFontSlash) afterFontSlash = false;
-
-    if (
-      type !== TokenType.Number &&
-      type !== TokenType.Dimension &&
-      type !== TokenType.Percentage
-    ) {
-      continue;
-    }
-
-    const source = numericSource(input, index);
-    if (!source) continue;
-    index = source.index;
-
-    const edit = processNumericToken(
-      source,
-      wasAfterFontSlash,
-      strippedProp,
-      frames,
-      opts,
-      flags.clampAlpha
-    );
-    if (edit) replacements.push(edit);
-  }
-  return replacements;
+  return {
+    keepZeroPercent,
+    keepZeroLength,
+    clampAlpha,
+    isAlpha,
+    isFont,
+    hasParentContext,
+  };
 }
 
 /** @param {import('postcss').Declaration} decl @param {string} newValue @return {void} */
@@ -499,11 +182,11 @@ function syncDeclValue(decl, newValue, originalValue) {
 /** @param {Options} opts @param {boolean | string[]} supportsIE @param {import('postcss').Declaration} decl @param {Map<string, string>} [cache] @return {void} */
 export default function transform(opts, supportsIE, decl, cache) {
   const lowerCasedProp = decl.prop.toLowerCase();
-  if (skipsTransformation(lowerCasedProp, opts)) return;
+  const strippedProp = stripVendorPrefix(lowerCasedProp);
+  if (skipsTransformation(strippedProp, opts)) return;
   const value = getRawOrDeclarationValue(decl);
   if (!/[0-9]/v.test(value)) return;
 
-  const strippedProp = stripVendorPrefix(lowerCasedProp);
   const flags = getDeclarationFlags(
     decl,
     lowerCasedProp,
@@ -520,7 +203,7 @@ export default function transform(opts, supportsIE, decl, cache) {
     return;
   }
 
-  const replacements = findReplacements(value, strippedProp, flags, opts);
+  const replacements = findReplacements(value, flags, opts);
   const result = replacements.length ? applyEdits(value, replacements) : value;
   if (cacheKey !== undefined) {
     cache?.set(cacheKey, result);

package/types/lib/convert.d.ts

@@ -1,5 +1,3 @@
-export declare const lengthConv: Map<string, number>;
-export declare const metricConv: Map<string, number>;
 export declare const timeConv: Map<string, number>;
 export declare const angleConv: Map<string, number>;
 export declare const freqConv: Map<string, number>;

package/types/lib/convert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"convert.d.ts","sourceRoot":"","sources":["../../src/lib/convert.js"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,qBAKrB,CAAC;AAEH,eAAO,MAAM,UAAU,qBAIrB,CAAC;AAEH,eAAO,MAAM,QAAQ,qBAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,qBAIpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qBAGnB,CAAC;AAEC,YAAoF,cAAc,GAAxF;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,CAAgB;AAAtG,yGAAyG;AAEzG;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAJ3B,MAI2B,EAAE,SAAS,EAHtC,MAGsC,GAFrC,MAAM,CAgBjB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAH3B,MAG2B,GAF1B,MAAM,CAgBjB;AA0CD;;;;;GAKG;AACH,QAAA,MAAM,OAAO,WALF,MAAM,QACN,MAAM,WACN,cAAc,KACb,MAkCX,CAAC;eAEa,OAAO"}
+{"version":3,"file":"convert.d.ts","sourceRoot":"","sources":["../../src/lib/convert.js"],"names":[],"mappings":"AAaA,eAAO,MAAM,QAAQ,qBAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,qBAIpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qBAGnB,CAAC;AAEC,YAAoF,cAAc,GAAxF;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,CAAgB;AAAtG,yGAAyG;AAEzG;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAJ3B,MAI2B,EAAE,SAAS,EAHtC,MAGsC,GAFrC,MAAM,CAgBjB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAH3B,MAG2B,GAF1B,MAAM,CAgBjB;AA0CD;;;;;GAKG;AACH,QAAA,MAAM,OAAO,WALF,MAAM,QACN,MAAM,WACN,cAAc,KACb,MAkCX,CAAC;eAEa,OAAO"}

package/types/lib/findReplacements.d.ts

@@ -0,0 +1,38 @@
+import convert from './convert.js';
+export type ConvertOptions = Parameters<typeof convert>[2];
+export type Options = {
+    precision?: false | number;
+    transformCustomProperties?: boolean;
+} & ConvertOptions & {
+    overrideBrowserslist?: string | string[];
+} & import('browserslist').Options;
+export type ReplacementFlags = {
+    keepZeroPercent: boolean;
+    keepZeroLength: boolean;
+    clampAlpha: boolean;
+    isAlpha: boolean;
+    isFont: boolean;
+};
+/** @param {string} str @return {string} */
+export declare function stripVendorPrefix(str: string): string;
+export type NumericSource = {
+    index: number;
+    start: number;
+    end: number;
+    raw: string;
+    number: number;
+    unit: string;
+    hasDecimal: boolean;
+};
+/**
+ * @param {string} value
+ * @param {ReplacementFlags} flags
+ * @param {Options} opts
+ * @return {{start: number, end: number, text: string}[]}
+ */
+export declare function findReplacements(value: string, flags: ReplacementFlags, opts: Options): {
+    start: number;
+    end: number;
+    text: string;
+}[];
+//# sourceMappingURL=findReplacements.d.ts.map

package/types/lib/findReplacements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findReplacements.d.ts","sourceRoot":"","sources":["../../src/lib/findReplacements.js"],"names":[],"mappings":"AACA,OAAO,OAMN,MAAM,cAAc,CAAC;AAkDlB,YAAyC,cAAc,GAA7C,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAgB;AACvD,YAA8K,OAAO,GAA3K;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAAC,yBAAyB,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,cAAc,GAAG;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,GAAG,OAAO,cAAc,EAAE,OAAO,CAAS;AACrL,YAAuH,gBAAgB,GAA7H;IAAC,eAAe,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,CAAkB;AAiE3I,2CAA2C;AAC3C,wBAAgB,iBAAiB,CAAC,GAAG,EADzB,MACyB,GADJ,MAAM,CAQtC;AAgGG,YAAuH,aAAa,GAA1H;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAC,CAAe;AA8CxI;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAL3B,MAK2B,EAAE,KAAK,EAJlC,gBAIkC,EAAE,IAAI,EAHxC,OAGwC,GAFvC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EAAE,CAqDvD"}

package/types/lib/{parse-syntax.d.ts → parseSyntax.d.ts}

@@ -1,3 +1,3 @@
 /** @param {string} value @return {boolean} */
 export declare function syntaxAllowsPercentage(value: string): boolean;
-//# sourceMappingURL=parse-syntax.d.ts.map
+//# sourceMappingURL=parseSyntax.d.ts.map

package/types/lib/parseSyntax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSyntax.d.ts","sourceRoot":"","sources":["../../src/lib/parseSyntax.js"],"names":[],"mappings":"AA6NA,8CAA8C;AAC9C,wBAAgB,sBAAsB,CAAC,KAAK,EADhC,MACgC,GADT,OAAO,CAYzC"}

package/types/lib/transform.d.ts

@@ -1,20 +1,4 @@
-import convert from './convert.js';
-export type ConvertOptions = Parameters<typeof convert>[2];
-export type Options = {
-    precision?: false | number;
-    transformCustomProperties?: boolean;
-} & ConvertOptions & {
-    overrideBrowserslist?: string | string[];
-} & import('browserslist').Options;
-export type NumericSource = {
-    index: number;
-    start: number;
-    end: number;
-    raw: string;
-    number: number;
-    unit: string;
-    hasDecimal: boolean;
-};
+export type Options = import('./findReplacements.js').Options;
 /** @param {Options} opts @param {boolean | string[]} supportsIE @param {import('postcss').Declaration} decl @param {Map<string, string>} [cache] @return {void} */
 export default function transform(opts: Options, supportsIE: boolean | string[], decl: import('postcss').Declaration, cache?: Map<string, string>): void;
 //# sourceMappingURL=transform.d.ts.map

package/types/lib/transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../src/lib/transform.js"],"names":[],"mappings":"AACA,OAAO,OAMN,MAAM,cAAc,CAAC;AA2FlB,YAAyC,cAAc,GAA7C,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAgB;AACvD,YAA8K,OAAO,GAA3K;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAAC,yBAAyB,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,cAAc,GAAG;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,GAAG,OAAO,cAAc,EAAE,OAAO,CAAS;AAkQrL,YAAuH,aAAa,GAA1H;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAC,CAAe;AA6IxI,mKAAmK;AACnK,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAD1B,OAC0B,EAAE,UAAU,EADhB,OAAO,GAAG,MAAM,EACA,EAAE,IAAI,EADiB,OAAO,SAAS,EAAE,WACnC,EAAE,KAAK,AAD8C,CAAqC,EAA7B,GAAG,CAAC,MAAM,EAAE,MAAM,CACxE,GAD4F,IAAI,CA8B9J"}
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../src/lib/transform.js"],"names":[],"mappings":"AAiDI,YAAmD,OAAO,GAAhD,OAAO,uBAAuB,EAAE,OAAO,CAAS;AAoI9D,mKAAmK;AACnK,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAD1B,OAC0B,EAAE,UAAU,EADhB,OAAO,GAAG,MAAM,EACA,EAAE,IAAI,EADiB,OAAO,SAAS,EAAE,WACnC,EAAE,KAAK,AAD8C,CAAqC,EAA7B,GAAG,CAAC,MAAM,EAAE,MAAM,CACxE,GAD4F,IAAI,CA8B9J"}

package/types/lib/parse-syntax.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parse-syntax.d.ts","sourceRoot":"","sources":["../../src/lib/parse-syntax.js"],"names":[],"mappings":"AA6NA,8CAA8C;AAC9C,wBAAgB,sBAAsB,CAAC,KAAK,EADhC,MACgC,GADT,OAAO,CAYzC"}