如何在样式化组件中声明前使用常量

// 常量定义
const PRIMARY_COLOR = '#FF0000';
const FONT_SIZE = '16px';

// 样式化组件
import React from 'react';
import styled from 'styled-components';

const StyledButton = styled.button`
  background-color: ${PRIMARY_COLOR};
  color: white;
  font-size: ${FONT_SIZE};
  padding: 10px 20px;
  border: none;
  cursor: pointer;
`;

const MyComponent = () => {
  return (
    <div>
      <StyledButton>Click me</StyledButton>
    </div>
  );
};

export default MyComponent;