bug(material): activated nav-list-item font color is not readable in dark mode

### Is this a regression?

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

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

_No response_

### Description

I have an App that uses a sidenav with a nav-list inside. I want the activated nav-list-item to be noticeable, so I'm using that state, but the default behavior with a dark theme, results in an unreadable font color.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-3qaoos
Steps to reproduce:
1. Open it.
2. See how the first nav list item is activated and barely readable.

### Expected Behavior

The background and font color have a minimum contrast, so the item is readable.

### Actual Behavior

The background and font color do not have a minimum contrast, so the item is not readable.

### Environment

- Angular: 16.1.0
- CDK/Material: 16.1.5
- Browser(s): Chrome 116.0.5845.97 (Official Build) (64-bit)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 11 (10.0.22621.2134)

Mở bản tái hiện StackBlitz được liên kết và kiểm tra hành vi của Angular Material sidenav/nav-list khi bật dark theme. Xác minh màu tiền cảnh và màu nền của mục được kích hoạt, sau đó xác nhận rằng thay đổi đã hoàn tất đáp ứng yêu cầu tương phản tối thiểu được nêu trong kịch bản được tái hiện.

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