daisyUI utils clash with twin.macro intellisense rule generation

[stassinari]

For my project I'm using React and Tailwind with twin.macro.
I use Visual Code as my editor, and use Tailwind Twin IntelliSense for suggestions over the regular Tailwind Intellisense (because it supports twin.macro's syntax).

I noticed autocompletion not working, and after some digging this is what I found out.

I tried enabling daisyUI features one by one from the config in tailwind.config.js and it turns out that everything works fine as long as I utils is disabled. The moment I enable it, the extension throws this error:

CssSyntaxError: <css input>:1:7: Variant cannot be generated because selector contains no classes.
    at <input css ck39Xw>:1:7
    at Input.error (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/input.js:148:16)
    at Rule.error (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/node.js:60:32)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:84:24
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/util/buildSelectorVariant.js:22:9
    at tap (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/lodash/tap.js:25:3)
    at Processor.func (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/util/buildSelectorVariant.js:18:22)
    at Processor._runSync (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss-selector-parser/dist/processor.js:102:26)
    at Processor.processSync (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss-selector-parser/dist/processor.js:197:23)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/util/buildSelectorVariant.js:28:6
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/util/useMemo.js:28:18
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:83:110
    at arrayMap (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/lodash/lodash.js:653:23)
    at Function.map (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/lodash/lodash.js:9622:14)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:83:44
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:96:18
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:55:18
    at AtRule.each (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:41:16)
    at AtRule.walk (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:52:17)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:60:24
    at Root.each (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:41:16)
    at Root.walk (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:52:17)
    at Root.walkRules (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/container.js:94:19)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:82:20
    at Function.tap (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/lodash/lodash.js:8831:7)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:81:41
    at Array.forEach (<anonymous>)
    at /Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:75:35
    at LazyResult.runOnRoot (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/lazy-result.js:339:16)
    at LazyResult.runAsync (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/lazy-result.js:393:26)
    at LazyResult.async (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/lazy-result.js:221:30)
    at LazyResult.then (/Users/saverio/.vscode/extensions/lightyen.tailwindcss-intellisense-twin-0.12.3/node_modules/postcss/lib/lazy-result.js:206:17)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5) {
  reason: 'Variant cannot be generated because selector contains no classes.',
  source: '@base;@tailwind components;@tailwind utilities;',
  line: 1,
  column: 7,
  endLine: 1,
  endColumn: 28,
  input: {
    line: 1,
    column: 7,
    endLine: 1,
    endColumn: 28,
    source: '@base;@tailwind components;@tailwind utilities;'
  },
  postcssNode: <ref *1> Rule {
    raws: { before: undefined },
    type: 'rule',
    nodes: [
      Declaration {
        raws: {},
        type: 'decl',
        prop: 'width',
        value: '100%',
        parent: [Circular *1],
        source: [Object],
        [Symbol(isClean)]: false,
        [Symbol(my)]: true
      },
      Declaration {
        raws: {},
        type: 'decl',
        prop: 'height',
        value: '100%',
        parent: [Circular *1],
        source: [Object],
        [Symbol(isClean)]: false,
        [Symbol(my)]: true
      },
      Declaration {
        raws: {},
        type: 'decl',
        prop: 'object-fit',
        value: 'cover',
        parent: [Circular *1],
        source: [Object],
        [Symbol(isClean)]: false,
        [Symbol(my)]: true
      }
    ],
    selector: ':where(.card-side figure > *)',
    lastEach: 12,
    indexes: {},
    source: {
      start: { offset: 6, line: 1, column: 7 },
      input: Input {
        css: '@base;@tailwind components;@tailwind utilities;',
        hasBOM: false,
        id: '<input css ck39Xw>',
        [Symbol(fromOffsetCache)]: [Array]
      },
      end: { offset: 26, line: 1, column: 27 }
    },
    parent: AtRule {
      raws: { before: undefined },
      type: 'atrule',
      name: 'layer',
      params: 'components',
      nodes: [
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Circular *1], [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        [Rule], [Rule], [Rule],        [Rule],
        ... 18 more items
      ],
      lastEach: 5,
      indexes: { '5': 34 },
      parent: Root {
        raws: {},
        type: 'root',
        nodes: [Array],
        lastEach: 2,
        indexes: [Object],
        rawCache: [Object],
        [Symbol(isClean)]: false,
        [Symbol(my)]: true
      },
      [Symbol(isClean)]: false,
      [Symbol(my)]: true
    },
    [Symbol(isClean)]: false,
    [Symbol(my)]: true
  },
  plugin: undefined
}

I'm not very familiar with PostCSS, but I think the "problem" lies with this CSS rule in the file daisyui/src/utilities/unstyled/card.css:

:where(.card-side figure > *) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

I know this is quite a strange problem to have, but I wonder if you have any suggestion on what I could try to fix this? Maybe there's some PostCSS configuration I can add that this VS Code extension is missing?

Another slightly different question: I played around with the card component and .card-side in particular, and I can't figure out when the CSS inside the :where pseudo-class kicks in. This is probably on me not knowing enough about it, but what does it do?