Chained class selector does not work

Describe the bug I have a chained selector of 2 classes. Those classes doesn't aren't recognized by the extension. Says Selector my-selector does not exist in css file. Also in css file it says Selector my-selector is declared but never used

To Reproduce Steps to reproduce the behavior:

1. Put className on an element like this:

<ul className={`${styles['custom-list']} ${styles['info-wrapper']}`} >

3. Write css in the css file like this:

.custom-list.info-wrapper {
  color: red;
}

5. Hover on the className in react component
6. See error Selector 'info-wrapper' does not exist in 'styles.module.css'
7. Hover on the class in the css file
8. See error Selector 'custom-list.info-wrapper' is declared but it's never used

Expected behavior It should show the css properties declared in the css file

Screenshots React Component and Output

CSS File

Desktop:

• OS: Ubuntu
• Version: 22.04.5 LTS x86_64