javascript - Chakra UI テーマでカスタム トランジションを設定する方法

Question

次のようなテーマを作成したかったのです。

extendTheme({
     textStyles: {
        title: {
            fontSize: "40px",
            fontWeight: "500",
            letterSpacing: '-0.6px',
            lineHeight: '48px'
        }
    },
    transition: {
        custom: {
            property: 'transform',
            duration: '0.5s',
            easing: 'ease-in-out'
        }
    }
})

そして、私のトランジションを次のように使用します

<Box textStyle={'title'} transition={'custom.transform'} /* or transition='custom', whatever */>

またはそのようなものですが、jsxで変数を使用できる方法で実際に定義することはできません. それを行う方法はありますか？