A way to provide a styles object to withStyles from within a component

[mahhmoud-enzyme]

Is there a way to edit the passed styles object passed to withStyles.
Something like this:

const styles = {
   "button" : {
      color: red;
   }
}
const App = ({classes}) => {

   // here I want to add some additional class to the styles object or swap it with another one.
   //
   //

   return (
       <button className={`${classes.button}`}>
   )
}
export default withStyles(styles)(App);

I want to be able to change the styles object dynamically from within the App component and I also want to access these classes in all nested components.
I know I can already do this with createUseStyles but with createUseStyles I can't access the classes prop in child components without having to pass it down manually.

Is there a way to achieve this?

Thanks in advance