title: add a plugin from a library in tailwind
body: <p>I am using react, nx, tailwind to create a monorepo with multiple config</p>
  <p>What I would like to achieve is</p>
  <p>one config for the whole repo
  one config per project
  one plugin that extend the project config on each lib.</p>
  <p>I currently have this :</p>
  <p><code>root::tailwind.config</code> (base styles)</p>
  <pre><code>module.exports = {
    content: [],
    theme: {
      extend: {
        colors: {
          '27313B': '#27313B',
        },
      },
    },
    plugins: [],
  };
  
  </code></pre>
  <p><code>project::tailwdind.config</code> (extends the root and call for a plugin)</p>
  <pre><code>const { createGlobPatternsForDependencies } = require('@nrwl/react/tailwind');
  const { join } = require('path');
  
  module.exports = {
    content: [
      join(__dirname, 'src/**/!(*.stories|*.spec).{ts,tsx,html}'),
      ...createGlobPatternsForDependencies(__dirname),
    ],
    presets: [require(join(__dirname, '../../tailwind.config'))],
    theme: {
      extend: {},
    },
    plugins: [require(join(__dirname, '../../libs//tailwind.plugin'))],
  };
  </code></pre>
  <p><code>lib::tailwind.plugin</code></p>
  <pre><code>const plugin = require('tailwindcss/plugin');
  
  module.exports = {
    plugins: [
      plugin(
        function ({ matchUtilities, theme }) {
          matchUtilities(
            {
              colors: (value) =&gt; ({
                colors: value,
              }),
            },
            { values: theme('colors') }
          );
        },
        {
          theme: {
            extend: {
              colors: {
                F00: '#f00',
              },
            },
          },
        }
      ),
    ],
  };
  
  </code></pre>
  <p>Sadly, the plugin never work,</p>
  <p>doing
  <code>&lt;div className={'text-27313B'}&gt;asdasd&lt;/div&gt;</code>
  show the good color but
  <code>&lt;div className={'text-F00'}&gt;asdasd&lt;/div&gt;</code>
  dont</p>
  <p>I am configuring it wrong ?</p>