向Tailwind配置添加colors字段为何会改变边框样式？

这是一个基于Tailwind的代码片段，初始样式如下：

我尝试编辑Tailwind配置，添加如下colors配置：

colors: {
  
  primary: {
    50: '#eff6ff',
    100: '#dbeafe',
    200: '#bfdbfe',
    300: '#93c5fd',
    400: '#60a5fa',
    500: '#3b82f6',
    600: '#2563eb',
    700: '#1d4ed8',
    800: '#1e40af',
    900: '#1e3a8a',
  },
  
  secondary: {
    50: '#f8fafc',
    100: '#f1f5f9',
    200: '#e2e8f0',
    300: '#cbd5e1',
    400: '#94a3b8',
    500: '#64748b',
    600: '#475569',
    700: '#334155',
    800: '#1e293b',
    900: '#0f172a',
  },
  
},

刷新页面后，代码片段样式变为：

可以看到所有边框都被修改，但我并未调整边框相关配置。而且该问题和配置中的primary、secondary颜色无关，只要在Tailwind配置中添加colors字段就会出现这种异常，哪怕是如下的空配置也会触发：

colors: {
   
}

内容的提问来源于stack exchange，提问作者user824624