Add modifiers for description list elements (#357)

Hello! 👋🏼

_I tried finding some contribution guidelines but couldn't; Hopefully
this is allowed even though it does not address an active issue._

The description list elements introduced in #316 did not include a way
to target these using `prose-dl:` so I have taken the liberty of adding
them in.

Author: hampusolsen

README.md

@@ -181,6 +181,9 @@ Here's a complete list of available element modifiers:
 | `prose-ol:{utility}`         | `ol`                         |
 | `prose-ul:{utility}`         | `ul`                         |
 | `prose-li:{utility}`         | `li`                         |
+| `prose-dl:{utility}`         | `dl`                         |
+| `prose-dt:{utility}`         | `dt`                         |
+| `prose-dd:{utiddty}`         | `dd`                         |
 | `prose-table:{utility}`      | `table`                      |
 | `prose-thead:{utility}`      | `thead`                      |
 | `prose-tr:{utility}`         | `tr`                         |

src/index.js

@@ -90,6 +90,9 @@ module.exports = plugin.withOptions(
         ['ol'],
         ['ul'],
         ['li'],
+        ['dl'],
+        ['dt'],
+        ['dd'],
         ['table'],
         ['thead'],
         ['tr'],

src/index.test.js

@@ -701,6 +701,9 @@ test('element variants', async () => {
             prose-ol:pl-6
             prose-ul:pl-8
             prose-li:my-4
+            prose-dl:pl-6
+            prose-dt:pl-8
+            prose-dd:my-4
             prose-table:my-8
             prose-thead:border-red-300
             prose-tr:border-red-200
@@ -833,6 +836,16 @@ test('element variants', async () => {
           margin-top: 1rem;
           margin-bottom: 1rem;
         }
+        .prose-dl\:pl-6 :is(:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
+          padding-left: 1.5rem;
+        }
+        .prose-dt\:pl-8 :is(:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
+          padding-left: 2rem;
+        }
+        .prose-dd\:my-4 :is(:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
+          margin-top: 1rem;
+          margin-bottom: 1rem;
+        }
         .prose-table\:my-8
           :is(:where(table):not(:where([class~='not-prose'], [class~='not-prose'] *))) {
           margin-top: 2rem;