ما الذي تعنية &$checked في مكون React؟

في أحد أمثلة React لإستخدام material-ui وجدت الكود التالي، ولم أفهم فائدة &$checked ولماذا كتبت بهذا الشكل

import React from 'react';
import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
  root: {
    color: theme.status.danger,
    
    // ما الفائدة من الكائن التالي
    '&$checked': {
      color: theme.status.danger,
    },
    
  },
  checked: {},
}));

هل سيسبب مشكلة إن تم قمت بتغيره إلى شيء آخر؟