如何将 MUI 5 中的美元符号嵌套类选择器替换为没有全局类名的选择器？

Question

我继承了一个大型 MUI 项目，我的第一个任务是迁移到 MUI 5。迁移指南告诉我将使用美元符号 ($) 的任何状态类或嵌套类替换为实际类名称 (https : //mui.com/guides/migration-v4/#migrate-themes-styleoverrides-to-emotion )...我已经对任何全局类完成了此操作，但我找不到如何处理美元符号选择器引用另一个本地类，而不是全局类名。

这是一个例子：$comment这里的引用是引用comment类..但是如何在没有美元符号的情况下引用它？

export const styles = (theme: Theme) =>
  createStyles({
    commentBlock: {
      '&:not(:last-child)': {
        marginBottom: 18,
      },
    },
    commentBlockDeleted: {
      [`& $comment`]: {
        opacity: 0.5,
      },
    },
    comment: {
      backgroundColor: inputBackground,
      padding: '8px 12px',

      [theme.breakpoints.up('sm')]: {
        padding: 16,
      },
    },

谢谢你的帮助。