[charts] Support popper sx props with TS

[alexfauquette]

          Good observation, somehow I failed to make it work initially. 🙈 

So, the following approach "works":

slotProps={{
  popper: {
    sx: {
      [`& .${chartsTooltipClasses.mark}`]: {
        backgroundColor: 'red',
        color: 'black',
      },
    },
  },
}}

But the problem is that TS is not happy 🙈

Originally posted by @LukasTy in #11150 (comment)

Search keywords:

[JCQuintas]

The cause for this is that @mui/base/Popper doesn't seen to have the sx property. Or at least not export it at build time.

In packages/x-date-pickers/src/internals/components/PickersPopper.tsx we are using @mui/material/Popper instead, which does have the sx prop, so it works as expected there.

Should I look into moving our @mui/base/Popper -> @mui/material/Popper? Or try to fix the base-ui Popper props?

[JCQuintas]

I ended up creating the MR as the fix seemed simple and changing the libs didn't seem to affect the UI

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@alexfauquette: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.