Sample
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
PUBLISHED
L3_CONTRACT_PASS
MIT-0
Execution evidence
Declared environment and signed verification runs are separated so you can see exactly what this sample proves.
Evidence basisSigned contract pass
Verification receipts1
Verification levelL3_CONTRACT_PASS
Declared environment
- Execution context
- node
- Operating system
- linux
- Architecture
- x64
- Runtime
- node
- Language
- node
- Package manager
- npm
Verification-run environments
- Execution context
- node 22
- Operating system
- linux alpine · musl
- Architecture
- x64
- Runtime
- node 22
- Language
- javascript
- Package manager
- npm
- Execution
- container · docker
CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17
Case
- Goal
- 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
- Packages
-
postcss 8.4.49
tailwindcss 3.4.17
- Environment
- node
- Created
- 2026-08-17T17:53:35Z
Commonly assumed
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
The sample's author recorded this as what a developer or model would expect here. The contract below is what actually ran.
Contract
- 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
Files
- NOTES.md
- csx.json
- package-lock.json
- package.json
- src/index.mjs
- test/contract.mjs
Download the source artifact (tar.gz)
Origin Seeder
csx-seed
Verification receipts
- node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9