其实这个现在就支持，因为 tailwindcss 实际上是可以多上下文的，详见 https://tailwindcss.com/docs/functions-and-directives#config

所以使用 @config 就简单了，你创建一个额外的 tailwind.config.js 文件，用来创建额外的上下文:

const path = require('path')

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [path.resolve(__dirname, "./TailwindPrefix.tsx")],
  prefix: 'my-',
  corePlugins: {
    preflight: false
  }
}

然后创建一个额外的 scss :

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

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

然后这个目录下面，你有一个组件 TailwindPrefix.tsx:

import React from "react";
import { View } from '@tarojs/components'
import './TailwindPrefix.scss'

export const TailwindPrefix: React.FC = () => {
  return <View className="my-text-[#11e331]">Tailwindcss Prefix </View>
}

这时候，新的上下文就能够从里面 TailwindPrefix.scss 里的 @config "./tailwind.config.js"; 中创建额外上下文

然后从 tailwind.config.js 的 content 中，获取到 TailwindPrefix.tsx 里的 token 然后就能够加载到 tailwindcss 上下文里进行转译了。

转译结果:

{className:"my-text-_h11e331_",children:"Tailwindcss Prefix "}

.my-text-_h11e331_{--tw-text-opacity:1;color:rgb(17 227 49/var(--tw-text-opacity))