[material-ui][Accordion] First/Last of type styles do not work with other components as siblings

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/p/sandbox/accordion-rounded-edges-issue-phdcxr?file=%2Fsrc%2FDemo.tsx%3A17%2C41

Steps: Add a TextField as a sibling of an Accordion with rounded edges - notice the rounded edges no longer exist.

Current behavior 😯

When another component like a TextField is a sibling of an Accordion, the rounded edges and other styling from first/last-of-type styles no longer appear:

or

Expected behavior 🤔

I would expect those styles to be applied to the first and last Accordion even if there are other siblings around it like this:

Context 🔦

The workaround is to wrap the Accordions in a div to give them their own parent so this isn't a huge issue, but not sure if this is the intended behavior when rendered next to other components.

Thanks!