message: fix(avatar): Fix undesired halo around Dark variant
  Fixes
diff: @@ -53,6 +53,8 @@ type AvatarOverload = {
  Size: typeof SystemIconCircleSize;
  };
  +const fadeTransition = 'opacity 150ms linear';
  +
  const StyledContainer = styled('button', {
  shouldForwardProp: prop => isPropValid(prop) && prop !== 'size',
  })<Pick<AvatarProps, 'size' | 'onClick'>>(
  @@ -96,12 +98,21 @@ const StyledStack = styled('span')<Pick<AvatarProps, 'size'>>(
  })
  );
  +const StyledIcon = styled(SystemIconCircle)<{isImageLoaded: boolean}>(
  + {
  + transition: fadeTransition,
  + },
  + ({isImageLoaded}) => ({
  + opacity: isImageLoaded ? 0 : 1,
  + })
  +);
  +
  const StyledImage = styled('img')<{isLoaded: boolean}>(
  {
  width: '100%',
  height: '100%',
  borderRadius: borderRadius.circle,
  - transition: 'opacity 150ms linear',
  + transition: fadeTransition,
  },
  ({isLoaded}) => ({
  opacity: isLoaded ? 1 : 0,
  @@ -140,7 +151,12 @@ const Avatar: AvatarOverload = React.forwardRef(
  {...elemProps}
  >
  <StyledStack size={size}>
  - <SystemIconCircle icon={userIcon} background={background} size={size} />
  + <StyledIcon
  + icon={userIcon}
  + background={background}
  + size={size}
  + isImageLoaded={imageLoaded}
  + />
  </StyledStack>
  {url && (
  <StyledStack size={size}>
  