Refactor TailwindCSS plugins structure to a common interface

[josemarluedke]

There are 2 major concepts, a single part component, and a multi-part component both have a common interface:

Single part Component

export default {
  // Styles for the base component
  baseStyle: {},
  // Styles for the visual style variations, eg sizes or others
  variants: {
    [variantName]: {}
  }
}

Multipart Component

export default {
  // Styles for the base component
  baseStyle: {},
  // Styles for the visual style variations, eg sizes or others
  variants: {
    [variantName]: {
      baseStyle: {}
      parts: {
        [partName]: {}
      }
    }
  },
  parts: {
    [partName]: {}
  }
}

Notes:

• How to configure and extend the plugins has changed.
• Forms package still needs to be migrated.