Using Radix colors in React native projects with Nativewind

tailwind.config.js

/** @type {import('tailwindcss').Config} */
const {
  grayDark,
  grayDarkA,
  blueDark,
  pinkDark,
  amberDark,
  redDark
} = require('@radix-ui/colors');

function radixScale(src, prefix) {
  const out = {};
  for (let i = 1; i <= 12; i += 1) {
    out[i] = src[`${prefix}${i}`];
  }
  return out;
}

module.exports = {
  content: [
    './App.{js,jsx,ts,tsx}',
    './app/**/*.{js,jsx,ts,tsx}',
    './components/**/*.{js,jsx,ts,tsx}'
  ],
  presets: [require('nativewind/preset')],
  theme: {
    extend: {
      colors: {
        gray: radixScale(grayDark, 'gray'),
        grayA: radixScale(grayDarkA, 'grayA'),
        blue: radixScale(blueDark, 'blue'),
        pink: radixScale(pinkDark, 'pink'),
        amber: radixScale(amberDark, 'amber'),
        red: radixScale(redDark, 'red'),
      }
    }
  },
  plugins: []
};