LSD v0.1.0-beta - Adds spacing array to the theme definitions

[jongomez]

Adds spacing values to the theme definitions. New CSS global vars are create for spacing. We can then use these CSS vars like so:

margin-left: var(--lsd-spacing-120);

Figma link

Notion link

Note regarding the figma desings:

• There are 2 sections on the figma designs - the primitives and the tokens. The default values I'm currently using are the ones from the tokens section. I can change this is anyone thinks it makes sense.

How to test this

• I didn't create a storybook file for this, as it's not a component (I can create 1 if people think it makes sense). I tested by going to a component styles file, and changing the css to include any of the new spacing vars, like I mentioned above for example: margin-left: var(--lsd-spacing-120);

[jeangovil]

Thanks @jongomez, regarding the storybook, I'll create a page for the theme provider and design tokens as a part of #72