Apply suggestions from code review

Co-authored-by: Marie Lucca <40550942+francinelucca@users.noreply.github.com>
Co-authored-by: Hussam Ghazzi <hussam-i-am@github.com>

Author: 3 people

packages/react/src/AvatarStack/AvatarStack.module.css

@@ -36,7 +36,7 @@
 
     /* 1. avatar size + the non-overlapping part of the second avatar */
 
-    /* 2. + the border widths of the first two avatars;thiscalcexplained */
+    /* 2. + the border widths of the first two avatars */
     min-width: calc(
       var(--avatar-stack-size) + calc(var(--avatar-stack-size) + var(--avatar-two-margin)) + var(--avatar-border-width)
     );
@@ -47,7 +47,7 @@
 
     /* 1. avatar size + the non-overlapping part of the second avatar */
 
-    /* 2. + the non-overlapping part of the third avatar;thiscalcexplained */
+    /* 2. + the non-overlapping part of the third avatar */
     min-width: calc(
       var(--avatar-stack-size) +
         calc(
@@ -62,7 +62,7 @@
 
     /* 1. avatar size + the non-overlapping part of the second avatar */
 
-    /* 2. + the non-overlapping part of the third and fourth avatar;thiscalcexplained */
+    /* 2. + the non-overlapping part of the third and fourth avatar */
     min-width: calc(
       var(--avatar-stack-size) +
         calc(

packages/react/src/AvatarStack/AvatarStack.tsx

@@ -382,8 +382,7 @@ const AvatarStack = ({
       data-align-right={enabled && alignRight ? '' : undefined}
       data-responsive={enabled && (!size || isResponsiveValue(size)) ? '' : undefined}
       className={clsx(wrapperClassNames, {[classes.AvatarStack]: enabled})}
-      // @ts-ignore - it's not allowing CSS properties here
-      style={enabled ? (getResponsiveAvatarSizeStyles() as React.CSSProperties) : undefined}
+      style={enabled ? getResponsiveAvatarSizeStyles() : undefined}
       sx={avatarStackSx}
     >
       <AvatarStackBody