在 UnoCSS 中，可以直接使用 CSS 變數來定義樣式。但是，UnoCSS 本身並不支援直接使用變數名作為類名或選擇器。
如果想使用 CSS 變數來定義樣式，可以按照以下方式進行操作：
在 CSS 檔案中定義一個變數，例如 --text-color: red;。
在 UnoCSS 的樣式表中，可以透過 var() 函式來引用該變數，例如 color-[var(--text-color)];
這樣，就可以在 UnoCSS 中使用 CSS 變數來定義樣式了。
需注意，由於 UnoCSS 的限制，不能直接使用變數名作為類名或選擇器。需要使用 var() 函式來引用變數的值，並將其應用到相應的樣式規則中。
https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values