I have many hundreds of these kinds of TODOs when I'm trying to do the Angular 15 MDC migration, but I don't even know where to begin. I know I can try to figure out the new class names, but that is what got us (I didn't do it) in this mess in the first place. What am I supposed to do here, and preferably without having to change the global theme, but keep it in the scope of this component.

  .mat-mdc-slide-toggle {
    height: 14px;
    line-height: 14px;
    /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
    .mat-slide-toggle-bar {
      height: 8px;
      width: 28px;
      border-radius: 4px;
    }
    /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
    .mat-slide-toggle-thumb-container {
      height: 14px;
      width: 14px;
      /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
      .mat-slide-toggle-thumb {
        height: 14px;
        width: 14px;
      }
    }
    /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
    .mat-slide-toggle-ripple {
      top: calc(50% - 14px);
      left: calc(50% - 14px);
      height: 28px;
      width: 28px;
    }
  }
}