A custom property is declared with @property as a typed length, then given an invalid value. What happens?

@property --gap { syntax: '<length>'; inherits: false; initial-value: 0px; } .box { --gap: red; padding: var(--gap); }