fix(module): handle nested colors from ui config

[davestewart]

🔗 Linked issue

Resolves #1411

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Right now, the config for ui.primary and ui.gray only allows the user to choose from top-level colors.

This tiny fix allows them to choose nested color groups, such as brand.primary:

// tailwind.config.js
export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        red: { ... },
        green: { ... },
        brand: {
          primary: { ... },
          secondary: { ... },
          accent: { ... },
          ...
        },
      },
    },
  },
}

// app.config.js
export default defineAppConfig({
  ui: {
    primary: 'brand.primary',
    gray: 'brand.secondary'
  }
})

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[benjamincanac]

Thanks for the PR! This does solve #1411 right?

[davestewart]

Yes it does!