design tokens

[romainmenke]

see : #192
see : #151

---

Notice :

A lot has changed since the initial pull request was opened.
I have hidden all comments as they likely no longer apply.

---

The README in this pull request illustrates the current design direction

{
	"color": {
		"background": {
			"primary": { "value": "#fff" }
		}
	}
}

@design-tokens url('./tokens.json') format('style-dictionary3');

.foo {
	color: design-token('color.background.primary');
}

/* becomes */

.foo {
	color: #fff;
}

Current approach aims to support multiple token file formats side by side.
Will also heavily lean on IDE support for ergonomics.

[Antonio-Laguna]

Should we add a comment that specifies that when multiple it means AND, not OR? Or something as in, all conditions must be met?

[romainmenke]

Added this bit :

Multiple conditions always have an AND relationship.

[Antonio-Laguna]

LGTM!