bug(mat-slide-toggle): disableRipple not causing any visual changes

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

It looks like `disableRipple` was used to prevent the ripple animation (ripple based on where in the touch target you clicked) in the legacy components, but now that doesn't seem to show up anymore. So it seems that setting `disableRipple` isn't causing any difference now.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/aakbph?file=src%2Fexample%2Fslide-toggle-overview-example.html

### Expected Behavior

Setting `disableRipple` to true would cause a visual difference upon clicking the slide toggle handle.

### Actual Behavior

No viusal change

### Environment

- Angular: 17.2.0-rc.0
- CDK/Material: 17.2.0-rc.0
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Mở StackBlitz được liên kết và bắt đầu với src/example/slide-toggle-overview-example.html; tái hiện hành vi khi nhấp trong Chrome và theo dõi cách mat-slide-toggle sử dụng disableRipple. Công việc được xem là hoàn tất khi đặt disableRipple thành true tạo ra sự khác biệt có thể quan sát được trong hành vi của handle của slide-toggle và hồi quy được bao phủ bởi các kiểm tra phù hợp của dự án.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.