showPixelEquivalents not working with theme()

[shuffgy]

What version of VS Code are you using?

v1.87.2

What version of Tailwind CSS IntelliSense are you using?

v0.10.5

What version of Tailwind CSS are you using?

v3.4.1

What package manager are you using?

npm

What operating system are you using?

macOS

Tailwind config

/* eslint-disable @typescript-eslint/no-var-requires */
const plugin = require('tailwindcss/plugin');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/build/javascript/**/*.js',
    './packages/**/*.{html,tsconfig,typoscript,php}'
  ],
  theme: {
    fontFamily: {
        'barlow': ['Barlow Semi Condensed', 'sans-serif'], // base font
        'iconfont': ['iconfont'] // Iconfont
    },
    extend: {
        colors: {
            'primary': '#2A2A2A',
            'sw-gray': '#6a6a69',
            'sw-green': '#36CD5E',
            'sw-yellow': '#FAF613',
            'sw-orange': '#FF6C31',
            'sw-cyan': '#5DDFD9',
            'sw-pink': '#FA67DC',
            'sw-red': '#EE2E4A',
            'sw-blue': '#EE2E4A'
        }
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
    require('@tailwindcss/container-queries'),
    plugin(function ({ addBase }) {
        addBase({
            ':root': { fontSize: "16px" }, // base font size = 1rem
        })
    }),
  ],
}

VS Code settings

Describe your issue

tailwindCSS.showPixelEquivalents not working on theme() function in .css Files, but @appy works.

Same with font-size configs:

Maybe i'm missing something?

[thecrypticace]

This has been updated and will be available in the pre-release version in a few.