Non-integer keys are not applied to elements in space.

[askides]

Bug report

Hello,

If I try to do something like this:

space: {
  0: "0",
  1: "0.25rem",
  2: "0.5rem",
  3: "0.75rem",
  4: "1rem",
  5: "1.25rem",
  6: "1.5rem",
  7: "1.75rem",
  8: "2rem",
  9: "2.25rem",
},

All the sizes are applied correctly, but if I do something like that:

space: {
  xs: "2.25rem",
},

The variable is generated, I can see it in the browser inspector, and it also works if i apply it manually, but it's not applied automatically by stitches.

PS: The problem is the same also if I insert "10" as a key.

Screenshots

System information

• OS: macOS Monterey 12.2
• Browser: Chrome 98.0.4758.102 (arm64)
• Version of Stitches: 1.2.6
• Version of Node.js: 16.13.2

Hope it helps!

[hadihallak]

Hey @itsrennyman Could you please provide a reproduction? not sure I understand the requirements.