问题描述

我尝试使用CSS自定义属性在使用TypeScript的nextjs应用程序中样式化组件。所有其他CSS属性都接受CSS变量，除了position属性，它返回以下错误：
第一个月
更多的上下文。我也使用顺风，但我不认为这会影响任何东西。我还使用setProperty（）方法生成属性。

代码块示例

function Header() {
  return (
    <>
      <Container
        className="top-0 order-last -mb-3 pt-3"
        style={{ position: 'var(--header-position)' }}
      >
        <div
          className="top-[var(--avatar-top,theme(spacing.3))] w-full"
          style={{ position: 'var(--header-inner-position)' }}
        >
         ...
        </div>
      </Container>
    </>
  );
}

字符串

What I've Tried

我试过搜索类似的问题，但大多数时候人们似乎都是使用样式表来设置自定义属性。但是，我使用setProperty（）根据滚动事件和窗口大小设置自定义属性。但是所有其他属性都可以正常工作，没有编译错误。