fix(react-charts): remove redundant styles (#35476)

Co-authored-by: Anush <anushgupta@microsoft.com>

Author: Anush2303

change/@fluentui-react-charts-41ce4e16-a576-4864-b71c-f17f6f88e461.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "remove redundant styles",
+  "packageName": "@fluentui/react-charts",
+  "email": "anushgupta@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/charts/react-charts/library/src/components/CommonComponents/useChartPopoverStyles.styles.ts

@@ -33,8 +33,6 @@ const useStyles = makeStyles({
   calloutContentRoot: {
     display: 'grid',
     overflow: 'hidden',
-    // TODO: Confirm this style is needed. Shorthands are not used correctly, therefore this style has no effect.
-    // ...shorthands.padding('11px 16px 10px 16px'),
     backgroundColor: tokens.colorNeutralBackground1,
     backgroundBlendMode: 'normal, luminosity',
   },

packages/charts/react-charts/library/src/components/Legends/useLegendsStyles.styles.ts

@@ -44,8 +44,6 @@ const useStyles = makeStyles({
     whiteSpace: 'nowrap',
     width: '100%',
     alignItems: 'center',
-    // TODO: Confirm this style is needed. Shorthands are not used correctly, therefore this style has no effect.
-    // ...shorthands.margin('-8px 0 0 -8px'),
   },
   legend: {
     // setting display to flex does not work