Как преобразовать троицу в Enum Map со свойствами?

Я думаю, что было бы удобно создать отдельный enum для ButtonBackgroundColor, ButtonColor, ButtonBackgroundColorOnHover и ButtonColorOnHover.

Я не уверен, почему вы пытаетесь перебрать перечисление, когда вы действительно хотите установить buttonStyles в соответствии только со значением переменной buttonStyle. Я бы поступил так:

const buttonStyle = 'Lime Green' // For example

// You'll need to remove whitespace because enums cannot have two words
const buttonStyleWithNoWhitespace = buttonStyle.replace(/\s/g, '')

enum ButtonBackground {
  Black = colors.interactiveForegroundSecondary,
  Green = colors.backgroundInverseSecondary,
  White = colors.backgroundPrimary,
  LimeGreen = colors.graphTertiary,
}

enum ButtonColor {
  Black = colors.backgroundInversePrimary,
  Green = colors.accentPrimary,
  White = colors.errorBackground,
  LimeGreen = colors.backgroundInverseSecondary,
}

enum ButtonBackgroundOnHover {
  Black = colors.backgroundInversePrimary,
  Green = colors.accentPrimary,
  White = colors.errorBackground,
  LimeGreen = colors.backgroundInverseSecondary,
}

enum ButtonColorOnHover {
  Black = '',
  Green = '',
  White = '',
  LimeGreen = colors.graphTertiary,
}

const buttonStyles = {
    backgroundColor: ButtonBackground[buttonStyle as keyof typeof ButtonBackground],
    color: ButtonColor[buttonStyle as keyof typeof ButtonColor],
    "&:hover": {
        background: ButtonBackgroundOnHover[buttonStyle as keyof typeof ButtonBackgroundOnHover],
        color: ButtonColorOnHover[buttonStyle as keyof typeof ButtonColorOnHover]
    }
} as CreateStyleObject

<Button 
    style = {buttonStyles} 
    type = "submit">
    {text}
</Button/>

as keyof typeof Enum делает использование перечислений слишком сложным, когда вы можете использовать простой объект для каждого из них, но, возможно, есть другие конкретные причины, которые делают использование перечислений необходимым.