✨(tokens) generate css utility classes

These were the missing parts in order to use every design tokens
of Cunningham. Including: spacing, font weight, size, family, and
colors. In order to be really versatile and to allow users to
define new design tokens I had to re-organize the way those tokens
are sub divided in sub objects in cunningham.ts file. That's why
sub division are created for theme.typ.sizes for instance.

packages/react/src/index.scss

@@ -9,5 +9,5 @@
 @import './components/Button';
 
 * {
-  font-family: var(--c--theme--typo--font-base);
+  font-family: var(--c--theme--font--families--base);
 }