Auro design tokens: Tier 2 & 3 Size token names

[braven112]

Is your feature request related to a problem? Please describe.

Currently our components use Tier 1 tokens for all padding, margin and other size related aspects. We need to create specific tokens for each purpose so that we can independently control each size value and implementers can use the appropriate token and changing the size of a padding value in component A doesn't change an unrelated value in component B.

Describe the solution you'd like

Only use the same token name when we want their to be a relationship with the tokens. So that changing the padding in one component doesn't change the size of a checkbox and these types of relationships are handled independently.

Describe alternatives you've considered

Change all size tokens at once but that causes all sorts of unintended consequences.

Additional context

Part of our theming body of work. When we are done with this milestone we'll be able to apply "compact" views of deals pages, search results or tables.

Exit criteria

1. All components have a token available
2. There are no more references to tier 1 tokens in our components.