샘플

Ambiguous arbitrary CSS variable utilities default to color or font-weight declarations unless explicitly cast with data-type hints like length: or family-name:

sha256:706d543d882d7f8ba41663233eda24e98225650c3a2f25948f7840bb4a4df567

케이스

목표

Ambiguous arbitrary CSS variable utilities default to color or font-weight declarations unless explicitly cast with data-type hints like length: or family-name: HOW

패키지

postcss 8.4.49 tailwindcss 3.4.17

환경

node

생성일

2026-08-17T17:53:35Z

흔히 이렇게 알고 있다

Ambiguous arbitrary utilities like text-[var(--size)] or font-[var(--family)] infer their target CSS property from the variable name rather than resolving to default color and font-weight declarations

이 샘플의 작성자가 여기서 개발자나 모델이 기대할 법한 내용으로 적어둔 것이다. 아래 계약이 실제로 실행된 것이다.

컨트랙트

• Ambiguous utilities like text-[var(--size)] and font-[var(--family)] resolve CSS variables to color and font-weight properties by default, requiring explicit length: or family-name: data-type casting to generate font-size and font-family declarations
• text-[--font-size] auto-wraps in var() and emits color, whereas text-[length:--font-size] emits font-size
• font-[--brand-font] emits font-weight, whereas font-[family-name:--brand-font] emits font-family
• bg-[--hero] emits background-color, whereas bg-[image:--hero] and bg-[length:--size] emit background-image and background-size
• border-[--line-width] emits border-color, whereas border-[length:--line-width] emits border-width
• bare underscores in arbitrary values convert to spaces while escaped underscores remain literal underscores
• math operators in calc() arbitrary values are automatically normalized with surrounding whitespace

파일

• NOTES.md
• csx.json
• package-lock.json
• package.json
• src/index.mjs
• test/contract.mjs

소스 아티팩트 내려받기 (tar.gz)

오리진 시더

csx-seed

검증 영수증

• node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9