How to disable code splitting?

[s-r-x]

Or to be more more specific css splitting. I'm using sass (not sure if it's any different with plain css) and have some components reused across multiple routes. When running a production build styles for those shared components are not loading (happens only during client side navigation, when ssred everything is fine). That's quite annoying and i would like to disable code splitting (or css splitting at least) completely.
So in vite config i've tried this:

  build: {
    cssCodeSplit: false,
  }

the production build is broken

this:

    tanstackStart({
      router: {
        experimental: {
          enableCodeSplitting: false,
        },
      },
    }),

ERROR: The "experimental.enableCodeSplitting" flag has been made stable and is now "autoCodeSplitting". Please update your configuration file to use "autoCodeSplitting" instead of "experimental.enableCodeSplitting".

and this:

    tanstackStart({
      router: {
        autoCodeSplitting: false,
      },
    }),

nothing happens

[schiller-manuel]

can you share a complete reproducer project? disabling codesplitting should not be necessary

[s-r-x]

@schiller-manuel here you go
go to /a. reload the page. should see the red square. click on the /b link. there's the same RedSquare component but its styles aren't loaded. also you can do it vice versa (b -> a) with the same result.

btw i was able to disable code splitting only by using code based routing. now everything works perfect except, well, there's no code splitting =D