Adaptive borders to color mode change

What’s the easiest way to make border colors change based on color mode?

Since this is not allowed

borders: {
  base: '1px solid primary'
}

currently, I do the following

borders: {
  base: `1px solid ${palette.primary}`
}

Given how I define borders now, is there an easy way to make it adapt to color mode?

[jxnblk]

For shorthand properties, you can use functional values, or you can use the borderColor property

[jxnblk]

You can also use variants with either borderColor or functional values