TailwindCSS v4添加前缀后top、left样式无法生成问题求助

无前缀情况下，以下类名可正常生成对应样式：

fixed h-[5px] bg-green top-0 left-0 z-1000

但添加tw:前缀后，tw:top-0和tw:left-0的样式完全没有在Tailwind CSS文件中生成，其余样式（如tw:fixed、tw:h-[5px]等）则正常生效：

tw:fixed tw:h-[5px] tw:bg-green tw:top-0 tw:left-0 tw:z-1000

更新说明 #

由于第三方元素使用了outline这类基础类名，导致Tailwind生成的冗余样式干扰界面，因此我通过@tailwind指令和tailwind.config配置来剔除冗余样式。曾尝试过@import "tailwindcss" prefix(tw);及其他组合写法，但仍会保留大量冗余样式，界面问题未解决。

index.css 内容 #

@config "../../tailwind.config.js";

@tailwind base;
@tailwind components;
@tailwind utilities;

/* ... */

tailwind.config.js 内容 #

/** @type {import('tailwindcss').Config} */
export default {
  mode: "jit",
  prefix: "tw",
  content: ["./src/**/*.{js,jsx,ts,tsx,css}"],
  theme: {
    colors: {
      'green': '#4287f5'
    }
  }
}

内容的提问来源于stack exchange，提问作者user435421