Reactのstyled-componentの中でのthisについて

Question

以下のようなコードで

import { css } from "styled-components";
const cssdayo = {
  red: "red",
  a: css`
    color: ${this.red};
  `,
  b: css`
    color: ${this.red};
  `,
};

以下のように、thisで同じオブジェクト内のredという変数を参照するにはどうすればいいのでしょうか？

よろしければご回答よろしくおねがい致します????

Comments

[tekondotaiaho]

const keyColor = 'yellow';

const CssInJsTest2 = styled.p`
color: ${keyColor};
`;

このような形で外部変数を参照することが基本形だと思うのですが、この方法では実現できない挙動があるのでしょうか？

参考に教えていただきたいです

[yaranaika12345]

すみません、よくよく考えるとそのような書き方でいけました！
お手数おかけしました！????