[Radio][Joy] support componentsProps as a function

[siriwatknp]

• follows the MUI Base componentsProps pattern (support callback) which remove the need for classes to style between states.
• update typings
• update demos to use the callback

Before:

<Radio sx={theme => ({
  [`&.${radioClasses.checked}`]: {
    [`& .${radioClasses.action}]: { ... }
  }
}) />

After:

<Radio componentsProps={{
  action: ({ checked }) => ({
    sx: theme => ({
      ...checked && { ... }
    })
  })
}} />

---

• I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Details of bundle changes

Generated by 🚫 dangerJS against 4082f54

[siriwatknp]

@michaldudak If the changes look good, I will apply them to all of the Joy components in a separate PR.

[michaldudak]

The implementation looks good! It's much cleaner now.
I found just some wording to correct, the rest seems good!

[michaldudak]

Suggested change

	/** Classname applied to the root element. */
	/** Class name applied to the root element. */

• all the lines below