Why is my "default" color name not working for border colors?

[audn]

Hey, I'm trying to get my customized borders to work, but it seems like they don't work when my customized color's property starts with "Default".

module.exports = {
  rarity: {
    rare: '#00EA5C',
  },
  default: {
    rare: '#00EA5C',
  },
};

Above I have two properties, one for default colors, and one for rarities.

Using the rarity property

<div className="bg-white border-4 border-rarity-rare">
    border-rarity-rare
</div>

Using the default property

<div className="bg-white border-4 border-default-rare">
    border-default-rare
</div>

Using the default-rare as a background color works. It only seems like this is an issue with border.
What am I doing wrong?

[Apostolique]

I didn't test this, but does using border-rare work?

[audn]

Nice one! But no :(

[audn]

What's the chances of receiving help in here?

[adamwathan]

This is a limitation by design currently because default is reserved for setting the default border color on all elements. You'll notice we don't generate border-default for example.

Unfortunately for now the workaround is to simply choose a different word.