Weird output when using NextJS with --turbo flag

[mayteio]

Running next dev works as expected. When I add the turbo flag I get the following output:

🐼 info [hrtime] Extracted in (0.84ms)
 ⨯ ./apps/portal/app/global.css:5682:12
Parsing css source code failed
  5680 |
  5681 |   .filter_\< {
> 5682 |     filter: <;
       |             ^
  5683 | }
  5684 |
  5685 |   .w_317px {
Expected Declaration value
./apps/portal/app/global.css:6253:4
Parsing css source code failed
  6251 |
  6252 |   .\31_\< {
> 6253 |     1: <;
       |     ^
  6254 | }
  6255 |
  6256 |   .\31_\>\= {
Unexpected token
./apps/portal/app/global.css:6584:12
Parsing css source code failed
  6582 |
  6583 |   .filter_\=\! {
> 6584 |     filter: = !important;
       |             ^
  6585 | }
  6586 |
  6587 |   .min-w_31px {
Expected Declaration value
./apps/portal/app/global.css:10222:14
Parsing css source code failed
  10220 |
  10221 |     .sm\:filter_\>\= {
> 10222 |       filter: >=;
        |               ^
  10223 | }
  10224 |
  10225 |     .sm\:filter_get {
Expected Declaration value
./apps/portal/app/global.css:6257:9
Parsing css source code failed
  6255 |
  6256 |   .\31_\>\= {
> 6257 |     1: >=;
       |          ^
  6258 | }
  6259 |
  6260 |   .bg_rgba\(0\,0\,0\,\.5\) {
Expected '{'
./apps/portal/app/global.css:5678:12
Parsing css source code failed
  5676 |
  5677 |   .filter_\=\= {
> 5678 |     filter: ==;
       |             ^
  5679 | }
  5680 |
  5681 |   .filter_\< {
Expected Declaration value
./apps/portal/app/global.css:6253:8
Parsing css source code failed
  6251 |
  6252 |   .\31_\< {
> 6253 |     1: <;
       |         ^
  6254 | }
  6255 |
  6256 |   .\31_\>\= {
Expected '{'
./apps/portal/app/global.css:6257:4
Parsing css source code failed
  6255 |
  6256 |   .\31_\>\= {
> 6257 |     1: >=;
       |     ^
  6258 | }
  6259 |
  6260 |   .bg_rgba\(0\,0\,0\,\.5\) {
Unexpected token
./apps/portal/app/global.css:11844:14
Parsing css source code failed
  11842 |
  11843 |     .\32xl\:filter_\<\= {
> 11844 |       filter: <=;
        |               ^
  11845 | }
  11846 |
  11847 |     .\32xl\:grid-cols_repeat\(3\,_1fr\) {
Expected Declaration value

Here's the panda config:

import { defineConfig } from "@pandacss/dev";

import {
  recipes,
  keyframes,
  semanticTokens,
  tokens,
  textStyles,
} from "./src/theme";

export default defineConfig({
  preflight: true,
  jsxFramework: "react",
  outExtension: "js",
  clean: true,
  // hash: process.env.NODE_ENV === "production",
  minify: process.env.NODE_ENV === "production",
  include:
    process.env.NX_TASK_TARGET_TARGET === "storybook"
      ? [
          "./apps/portal/**/*.{ts,tsx}",
          "./apps/marketplace/**/*.{ts,tsx}",
          "./libs/**/*.{ts,tsx}",
        ]
      : [
          "../../apps/portal/*.{ts,tsx}",
          "../../apps/marketplace/*.{ts,tsx}",
          "../../libs/**/*.{ts,tsx}",
        ],
  outdir:
    process.env.NX_TASK_TARGET_TARGET === "serve"
      ? "../../libs/styled-system/src/__generated__"
      : "./libs/styled-system/src/__generated__",
  exclude: [],
  conditions: {
    extend: {
      checked:
        "&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
      indeterminate:
        "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",
      closed: "&:is([data-state=closed])",
      open: "&:is([open], [data-state=open])",
    },
  },
  globalCss: {
    html: {
      marginTop: "0!",
    },
    body: {
      paddingTop: "0!",
      paddingBottom: "0!",
    },
  },
  // Customise theme here
  theme: {
    tokens,
    textStyles,
    extend: {
      semanticTokens,
      recipes,
      keyframes,
    },
  },
});

This is across a huge nx repository so it's hard to pinpoint what might be causing this. I don't even know what to look for, I'm not sure what CSS could lead to filter and operators like >= or numbers as selectors.

Are there any ways/thoughts/ideas on how I could nail down what's causing these?