postcss-pxtorem didn't work as envisaged

[Zoeyxyz]

Describe the bug

config like this

css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue({ file }) {
            return file.indexOf("vant") !== -1 ? 37.5 : 75;
          },
          propList: ["*"],
        }),
      ],
    },
},
server: {}

main.js

import { createApp } from 'vue'
import vant from 'vant'
import 'vant/lib/index.css'
import 'amfe-flexible'
import App from './App.vue'

createApp(App).use(vant).mount('#app')

Reproduction

https://stackblitz.com/edit/vitejs-vite-jbu2zx?file=vite.config.js,package.json,index.html,public%2Fvite.svg,src%2FApp.vue&terminal=dev

Steps to reproduce

No response

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i9-13900H
    Memory: 16.48 GB / 31.73 GB
  Binaries:
    Node: 18.19.0 - D:\Program Files\nodejs\node.EXE
    Yarn: 1.22.21 - D:\Program Files\nodejs\yarn.CMD
    npm: 10.2.5 - D:\Program Files\nodejs\npm.CMD
    pnpm: 8.14.0 - D:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (121.0.2277.128)
    Internet Explorer: 11.0.22621.1

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-jbu2zx (Open reproduction)

[bluwy]

Can you explain what is not working? It seems to transform for me:

.logo[data-v-7a7a37b1] {
  width: 2.66667rem;
  height: 2.66667rem;
}

[Zoeyxyz]

Can you explain what is not working? It seems to transform for me:

.logo[data-v-7a7a37b1] {
  width: 2.66667rem;
  height: 2.66667rem;
}

vant's style is wrong

--van-font-size-md: 0.18667rem;

It should be

--van-font-size-md: 0.37333rem;

[sapphi-red]

This is a bug in postcss-pxtorem (cuth/postcss-pxtorem#103).
I got the following log by adding some console.log in the plugin.

once /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/node_modules/vant/lib/index.css
once /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css
decl /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css
decl /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.css
decl /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/node_modules/vant/lib/index.css
decl /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/node_modules/vant/lib/index.css
decl /mnt/c/Users/green/Downloads/vitejs-vite-jbu2zx/node_modules/vant/lib/index.css