Improve types on DesignTokens specifications

[d01000100]

We extend the DesignToken type from StyleDictionary to specify with more detail the information in them (src/style-dictionary/types.ts):

• Specify an explicit set of token types, instead of just a string
• Specify the complex value of a shadow token

I have a couple of suggestions to make these types simpler:

• Change enums of TokenType and ShadowType to string arrays and union types

• Reuse more of the DesignToken type of StyleDictionary (aliased as SDDesignToken)

  • ¿Can description on our DesignToken be the comment value from SDDesignToken?
  • ¿Could we be using the attributes.type value from SDDesignToken instead of our type value on DesignToken?

  These suggestions need to be experimented on. I am not certain all of them work or are better solutions.

---

SDDesignToken spec:

interface DesignToken {
  value: any;
  name?: string;
  comment?: string;
  themeable?: boolean;
  attributes?: {
    category?: string;
    type?: string;
    item?: string;
    subitem?: string;
    state?: string;
    [key: string]: any;
  };
  [key: string]: any;
}