[CAP-Theme] Update CAPThemeProvider props structure (#575)

Author: DimaEs

change/@fluentui-contrib-react-cap-theme-a5aad415-5e19-44c0-91ed-76e2bfffa48a.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update CAPThemeProvider props structure",
+  "packageName": "@fluentui-contrib/react-cap-theme",
+  "email": "dimasteite@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-cap-theme/src/theme/CAPThemeProvider.tsx

@@ -33,19 +33,27 @@ const customStyleHooks: NonNullable<
   useInputStyles_unstable: (state) => useInputStylesHook(state as InputState),
 };
 
+type CAPThemeProviderProps = Omit<
+  FluentProviderProps,
+  'theme' | 'customStyleHooks_unstable'
+> & {
+  theme: Partial<Theme> & Partial<CAPTheme>;
+};
 export const CAPThemeProvider = ({
   children,
   theme: _theme,
-}: {
-  children: React.ReactNode;
-  theme: Partial<Theme> & Partial<CAPTheme>;
-}): React.ReactElement => {
+  ...rest
+}: CAPThemeProviderProps): React.ReactElement => {
   const theme: Record<string, string | number | null> = {};
   for (const [key, value] of Object.entries(_theme)) {
     theme[formatCAPTokenCssVar(key)] = value;
   }
   return (
-    <FluentProvider theme={theme} customStyleHooks_unstable={customStyleHooks}>
+    <FluentProvider
+      theme={theme}
+      customStyleHooks_unstable={customStyleHooks}
+      {...rest}
+    >
       {children}
     </FluentProvider>
   );