Not getting info on hovering classes matched by custom `classRegex` having a color decorator

[brc-dd]

This is a narrowed down version of #330.

Provided the following configuration to support styled-jsx:

  "tailwindCSS.experimental.classRegex": ["<style[^>]*>\\{`([^<]+)`\\}</style>"]

If I try hovering a class name having a color decorator inside the captured group of the classRegex (bg-black in the example), it doesn't show information the way it does when I hover other class names.

Example:

export default function Home() {
  return (
    <section className="text-white">
      Hey There
      <style jsx>{`
        section {
          @apply w-screen h-screen bg-black;
        }
      `}</style>
    </section>
  );
}

Repository to replicate the behavior: https://github.com/brc-dd/twis-possible-bug

It is bootstrapped using the official with-tailwindcss example of Next.js.

Extension Details:

Name: Tailwind CSS IntelliSense
Id: bradlc.vscode-tailwindcss
Description: Intelligent Tailwind CSS tooling for VS Code
Version: 0.6.5
Publisher: Brad Cornes
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

VS Code Details:

Version: 1.56.2 (system setup)
Commit: 054a9295330880ed74ceaedda236253b4f39a335
Date: 2021-05-12T17:13:13.157Z
Electron: 12.0.4
Chrome: 89.0.4389.114
Node.js: 14.16.0
V8: 8.9.255.24-electron.0
OS: Windows_NT x64 10.0.21343

[bradlc]

This should be fixed in v0.6.6 – you can remove your custom class regex 👍