Function collapseComposite

packages/extension/utils/tailwind.ts:1071–1106

(
  config: CompositeFamily,
  familyKey: string,
  buffer: Record<string, string>
)

}

function collapseComposite(
  config: CompositeFamily,
  familyKey: string,
  buffer: Record<string, string>
): string[] {
  const out: string[] = []
  const matchedComposite = config.composites.find((comp) => {
    return Object.entries(comp.match).every(([k, v]) => buffer[k] === v)
  })

  if (matchedComposite) {
    out.push(
      buildClass(config, '', {
        text: matchedComposite.suffix,
        isNegative: false,
        isKeyword: true
      })
    )
    return out
  }

  Object.keys(config.props).forEach((field) => {
    const val = buffer[field]
    if (!val) return

    // Composite props and atomics are defined in lockstep in TAILWIND_CONFIG.
    const atomicConfig = config.atomics[field] as AtomicFallback
    const formatted = extractValuePart(val, config, familyKey, atomicConfig.valueKind)
    const tempConfig: FamilyConfig = {
      ...config,
      prefix: atomicConfig.prefix
    }
    out.push(buildClass(tempConfig, '', formatted))
  })
  return out
}

export function cssToTailwind(rawStyle: Record<string, string>): string {
  if (!rawStyle || Object.keys(rawStyle).length === 0) return ''