fix(TagItemSuggestion v8): pass rest of the props to the underlying component (#32839)

Co-authored-by: Kryštof Matějka <kmatejka@microsoft.com>
Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

Author: 3 people

change/@fluentui-react-04cc1ab9-345e-4196-a9fd-d0ad829eec9b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Passing rest of ITagItemSuggestionProps to the underlying component.",
+  "packageName": "@fluentui/react",
+  "email": "kmatejka@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react/src/components/pickers/TagPicker/TagItemSuggestion.tsx

@@ -14,13 +14,18 @@ const getClassNames = classNamesFunction<ITagItemSuggestionStyleProps, ITagItemS
  * {@docCategory TagPicker}
  */
 export const TagItemSuggestionBase = (props: ITagItemSuggestionProps) => {
-  const { styles, theme, children } = props;
+  const { styles, theme, children, ...rest } = props;
 
   const classNames = getClassNames(styles, {
     theme: theme!,
   });
 
-  return <div className={classNames.suggestionTextOverflow}> {children} </div>;
+  return (
+    <div className={classNames.suggestionTextOverflow} {...rest}>
+      {' '}
+      {children}{' '}
+    </div>
+  );
 };
 
 export const TagItemSuggestion = styled<