CSS Compatible seems to be different in local and in production

[AsuraKev]

Reproduction link

https://ant.design/docs/react/compatible-style#tailwindcss-arrange-layer

Steps to reproduce

Configure the layers like so

@layer tailwind-base,
reset,
antd;
@import url('antd/dist/reset.css') layer(reset);
@layer tailwind-base {
@tailwind base;
}

What is expected?

order of precendence should be

1. tailwind
2. reset.css
3. antd

What is actually happening?

it works fine on local but on prod the sequence is different

1. antd
2. tailwind
3. reset.css

Environment	Info
antd	5.17.4
React	18.2
System	web
Browser	chrome

[AsuraKev]

local:

production: