Move to `data-size` and `data-color` and expose on all components

[eirikbacker]

Description

Since all components (and HTML elements) will support data-size and data-color, we should expose this as props also in React and thus avoiding confusion on when size is available and when it is not. We can however provide type safety by creating a shared props definition, which all components can extend:

type SharedProps = {
  /** Recommended sizes */
  'data-size'?: 'sm' | 'md' | 'xl';
  'data-color'?: 'red' | 'blue' | (string & {});
}

and

type AccordionProps = SharedProps & { ... }

Additional Information

No response

[eirikbacker]

Duplicate of #2655