Use Quark as another component - make css styles available

[addania]

CSS tokens do not work on other than Quark components and they only work on css prop.

We have an example of using Quark as FontAwesomeIcon which we want to be able to style with size tokens:

gumption-ui/playground/src/examples/mail/SideBar/sidebar.tsx

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 <Quark as={FontAwesomeIcon}
        icon={iconName}
        css={{
          width: 'large',
          height: 'large',
        }}/>

At the moment tokens large do not work. FontAwesomeIcon uses style prop to customize icons.