@property javascript file for typed definitions

[argyleink]

fixes #410

example output so far:

[
  {"name":"--ratio-portrait","syntax":"<ratio>","initialValue":"3/4","inherits":false},
  {"name":"--ratio-widescreen","syntax":"<ratio>","initialValue":"16/9","inherits":false},
  {"name":"--ratio-ultrawide","syntax":"<ratio>","initialValue":"18/5","inherits":false},
  {"name":"--ratio-golden","syntax":"<ratio>","initialValue":"1.6180/1","inherits":false}
].forEach(CSS.registerProperty)

I'm not sure what else to add. All the colors and included, z-index values are included.

note:
There's an issue with sizes using rem and relative units, they won't register as is, they have to be assigned from CSS layer. Registration could type them, but not have meaningful initial defaults.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[argyleink]

there's no type for easings I dont think

[github-actions]

Visit the preview URL for this PR (updated for commit 56fbe6c):

https://open-props--pr414-at-property-module-6z593eug.web.app

_{(expires Thu, 28 Sep 2023 04:17:36 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 32524ac481f54edda55dc959fa4614cf1acc8c11}