✨(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/components/Button/tokens.ts

@@ -4,7 +4,7 @@ export const tokens = (defaults: DefaultTokens) => {
   return {
     "border-radius": "2px",
     height: "48px",
-    "font-size": defaults.theme.typo.l,
-    "font-weight": defaults.theme.typo.medium,
+    "font-size": defaults.theme.font.sizes.l,
+    "font-weight": defaults.theme.font.weights.medium,
   };
 };