can't compile when setting prefix field in config

[hp8wvvvgnj6asjm7]

/** @type {import('tailwindcss').Config} */
module.exports = {

  prefix: 'pv-',

  content: [
    "./app/**/*.{tsx,mdx,ts}",
    "./components/**/*.{tsx,mdx,ts}",
    "./src/**/*.{tsx,mdx,ts}",
  ],
  theme: {
    extend: {

      fontFamily: { sans: ['var(--font-riviera-nights)'] },

      colors: {
        'gold': '#8e7d4b',
        'gold-dark': '#e3dbc4',
      },

    },
    container: { center: true },
  },
  plugins: [],
}

[reinink]

Hey! Happy to help out here.

When using a prefix, that prefix must also be included in the classes when using @apply:

.test {
  @apply pv-tracking-wider;
}

Here's a Tailwind Play that illustrates this:

https://play.tailwindcss.com/jbiw3WrNQi?file=css

Hope that helps! 🤙