Function processValue

packages/extension/utils/css.ts:789–849

(key: string, value: string)

  }

  function processValue(key: string, value: string) {
    const protectedFragments = createProtectedFragments()
    let current = value
    const useDisplayMode = displayMode != null

    if (useDisplayMode) {
      current = preprocessCssValue(current)
      current = current.replace(ZERO_UNITS_RE, '$10').trim()
    } else {
      current = normalizeStyleValue(current)
    }

    if (typeof scale === 'number' && scale !== 1) {
      current = scalePxValue(current, scale)
    }

    if (variableSyntaxMap.size || typeof transformVariable === 'function') {
      current = replaceVarFunctions(current, ({ full, name, fallback }) => {
        const syntax = getVariableSyntax(name)
        if (syntax) {
          return protectedFragments.protect(syntax)
        }

        if (typeof transformVariable !== 'function') {
          return full
        }

        const trimmed = name.trim()
        const normalizedName = trimmed.startsWith('--') ? trimmed.slice(2) : trimmed
        return transformVariable({
          code: current,
          name: normalizedName,
          value: fallback,
          options
        })
      })
    }

    if (useDisplayMode) {
      current = applyDisplayMode(current)
      if (displayMode === 'resolved') {
        current = simplifyColorMixToRgba(current)
      }
    }

    current = simplifyHexAlphaToRgba(current)

    if (KEEP_PX_PROPS.has(key)) {
      return protectedFragments.restore(current)
    }

    if (typeof transformPx === 'function') {
      current = transformPxValue(current, (value) => transformPx({ value, options }))
    }

    if (useRem) {
      current = pxToRem(current, rootFontSize)
    }