Feature request: support theme-ui spec

[yairEO]

https://github.com/system-ui/theme-ui
https://theme-ui.com/theming

I've been using a lot the above spec and would love to see conversion support in json-to-scss for the above spec.

I assume things like:

fontSizes: [12, 14, 16]

should be converted to SASS list:

$fontSizes: 12px, 14px, 16px;

---

I have written regarding this here as well

[rlapoele]

Hi @yairEO,

If your ask is for json-to-scss to automatically convert unitless js/JSON numbers to pixel lengths, I'm sorry but I don't think it's going to happen.
While technically, this is do-able, I don't believe that this kind of behavior would work for everyone and/or every numerical values.
For example, what about a possible line height such as lineHeight: 1.5 ?
I, in most if not all cases, would not want the tool to produce something like $lineHeight: 1.5px

Also, and while I understand why some js driven css spec / libraries would consider making certain assumptions for length units, I don't think this would make total sense for json-to-scss.

For these reasons, I won't implement such changes for now.

In case I misunderstood your request, please let me know.

[yairEO]

Thank you for your time reflecting on this