message: fix(tabs): Allow consumers to style the selected tab
  Fixes:
  Update the tab Emotion styled to use the `[aria-selected=true]` CSS selector instead of a selector based on internal state. This will allow for style overrides.
  [category:Components]
diff: @@ -63,8 +63,7 @@ export interface TabProps {
  tabIndex?: number;
  }
  -const StyledButton = styled('button')<{isSelected: boolean} & StyledType>(
  - {
  +const StyledButton = styled('button')<{isSelected: boolean} & StyledType>({
  ...type.levels.subtext.large,
  fontWeight: type.properties.fontWeights.medium,
  border: 'none',
  @@ -103,10 +102,8 @@ const StyledButton = styled('button')<{isSelected: boolean} & StyledType>(
  backgroundColor: `transparent`,
  },
  },
  - },
  - ({isSelected}) => {
  - if (isSelected) {
  - return {
  +
  + '&[aria-selected=true]': {
  color: colors.blueberry400,
  cursor: 'default',
  '&:after': {
  @@ -124,11 +121,8 @@ const StyledButton = styled('button')<{isSelected: boolean} & StyledType>(
  backgroundColor: `transparent`,
  color: colors.blueberry400,
  },
  - };
  - }
  - return {};
  - }
  -);
  + },
  +});
  const useTab = (
  model: TabsModel,
  