Don't add default config multiple times when presets are used

src/util/getAllConfigs.js

@@ -1,11 +1,12 @@
 import defaultConfig from '../../stubs/defaultConfig.stub.js'
 import { flagEnabled } from '../featureFlags'
 
-export default function getAllConfigs(config) {
-  const configs = (config?.presets ?? [defaultConfig])
+export default function getAllConfigs(config, depth = 0) {
+  const presets = config?.presets ?? (depth > 0 ? [] : [defaultConfig])
+  const configs = presets
     .slice()
     .reverse()
-    .flatMap((preset) => getAllConfigs(preset instanceof Function ? preset() : preset))
+    .flatMap((preset) => getAllConfigs(preset instanceof Function ? preset() : preset, depth + 1))
 
   const features = {
     // Add experimental configs here...

tests/customConfig.test.js

@@ -384,3 +384,41 @@ test('function presets can be mixed with object presets', () => {
     `)
   })
 })
+
+test('Using presets without an empty presets array doesnt overwrite plugins', () => {
+  let plugin = require('../plugin')
+
+  let config = {
+    presets: [
+      require('../stubs/defaultConfig.stub.js'),
+      {
+        theme: {},
+        plugins: [
+          plugin(
+            function ({ matchUtilities, theme }) {
+              matchUtilities(
+                { 'aspect-w': (value) => [{ color: value }] },
+                { values: theme('aspectRatio') }
+              )
+            },
+            {
+              theme: { aspectRatio: { foo: 'red' } },
+            }
+          ),
+        ],
+      },
+      {
+        theme: { colors: {} },
+      },
+    ],
+    content: [{ raw: `<div class="aspect-w-foo"></div>` }],
+  }
+
+  return run('@tailwind utilities', config).then((result) => {
+    expect(result.css).toMatchFormattedCss(css`
+      .aspect-w-foo {
+        color: red;
+      }
+    `)
+  })
+})