[webpack.cache.PackFileCacheStrategy] Serializing big strings (110kiB) impacts deserialization performance

Describe the bug

Strangely enough, adding more sprinkles (see this commit) causing the following warning to appear in Node’s console:

<w> [webpack.cache.PackFileCacheStrategy] Serializing big strings (110kiB) impacts deserialization 
performance (consider using Buffer instead and decode when needed)

Link to reproduction

1. git clone https://github.com/moroshko/webpack-cache-issue.git
2. cd webpack-cache-issue
3. yarn
4. yarn dev
5. Observe the warning

Note: You might need to rm -rf .next to see the warning.

System Info

  System:
    OS: macOS 11.5.2
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 558.97 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.6 - ~/.nvm/versions/node/v14.17.6/bin/node
    Yarn: 1.22.11 - ~/.nvm/versions/node/v14.17.6/bin/yarn
    npm: 6.14.15 - ~/.nvm/versions/node/v14.17.6/bin/npm
  Browsers:
    Chrome: 93.0.4577.82
    Firefox: 92.0
    Safari: 14.1.2
  npmPackages:
    @vanilla-extract/babel-plugin: 1.1.0 => 1.1.0 
    @vanilla-extract/css: 1.6.0 => 1.6.0 
    @vanilla-extract/next-plugin: 1.0.0 => 1.0.0 
    @vanilla-extract/recipes: 0.1.0 => 0.1.0 
    @vanilla-extract/sprinkles: 1.3.0 => 1.3.0 

[moroshko]

@mattcompiles Looks like quite a few people are hitting this warning. Any chance to look into it any time soon?

[talentlessguy]

it’s still happening on latest vanilla-extract with next.js:

<w> [webpack.cache.PackFileCacheStrategy] Serializing big strings (102kiB) impacts deserialization performance (consider using Buffer instead and decode when needed)
<w> [webpack.cache.PackFileCacheStrategy] Serializing big strings (102kiB) impacts deserialization performance (consider using Buffer instead and decode when needed)
<w> [webpack.cache.PackFileCacheStrategy] Serializing big strings (102kiB) impacts deserialization performance (consider using Buffer instead and decode when needed)
wait  - compiling...
event - compiled client and server successfully in 779 ms (1280 modules)
wait  - compiling /asset/[contractAddress]/[tokenId] (client and server)...
event - compiled client and server successfully in 540 ms (1293 modules)
wait  - compiling...
event - compiled client and server successfully in 436 ms (1280 modules)

deps:

"@vanilla-extract/babel-plugin": "^1.1.5",
"@vanilla-extract/css": "^1.6.8",
"@vanilla-extract/css-utils": "^0.1.2",
"@vanilla-extract/dynamic": "^2.0.2",
"@vanilla-extract/next-plugin": "^2.0.2",
"@vanilla-extract/sprinkles": "^1.4.0",
"next": "12.1.4"

node version: 16.14.2