A custom property is registered with `syntax: "<length>"`, `inherits: false`, and `initial-value: 0px`. An element sets `--gap: 10px` inline, and a child reads `var(--gap)`. Why does the child compute the property to its initial value rather than 10px, and what is the engine actually storing on the child?
@property --gap {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
.parent { --gap: 10px; }
.child { width: var(--gap); }