Conflict with @angular/material mixins

[NicholaAlkhouri]

What version of Tailwind CSS IntelliSense are you using?

0.9.2

What version of Tailwind CSS are you using?

3.2.4

What package manager are you using?

yarn

What operating system are you using?

macOS

Tailwind config

module.exports = {
  content: [
    "./apps/**/*.{html,ts}",
    "./libs/**/*.{html,ts}",
  ],
  darkMode: 'media', // or 'media' or 'class'
  theme: {
    extend: {},
  },
  plugins: [],
}

Describe your issue

After updating to Tailwind CSS IntelliSense v0.9.2, the extension start complaining about material theme/config mixins as if they are tailwind functions. could be the RegEx used to detect the tailwind functions is not correct.
for example for the following:

$my-custom-typography-config: mat.define-typography-config(
  $font-family: 'var(--font-family-sans)'
);

$my-theme: mat.define-light-theme(
  (
    typography: $my-custom-typography-config,
  )
);

I get two errors:

'$font-family: 'var(--font-family-sans' does not exist in your theme config. Did you mean 'prefix'?
typography: $my-custom-typography-config,' does not exist in your theme config.