Fix edge cases with whitespace in `enforces-shorthand`

Description

I noticed a small bug when updating a side project to eslint-plugin-tailwindcss@3.14.0 and running pnpm fix:eslint. See commit history in https://github.com/kachkaev/website/pull/311.

Input:

<body className={`relative flex h-full w-full flex-col overflow-y-scroll px-5 pt-4 ${locale}`}>

Ouput:

<body className={`relative flex size-full flex-col overflow-y-scroll px-5 pt-4${locale}`}>

Expected output:

<body className={`relative flex size-full flex-col overflow-y-scroll px-5 pt-4 ${locale}`}>

This PR makes sure that a space is not removed between pt-4 and ${locale} when tailwindcss/enforces-shorthand does an autofix.

Type of change

Please delete options that are not relevant.

[x] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

See new unit tests

Test Configuration:

Checklist:

[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
~~I have made corresponding changes to the documentation~~ N/A
[x] My changes generate no new warnings
[x] I have added tests that prove my fix is effective or that my feature works
~~Any dependent changes have been merged and published in downstream modules~~ N/A
[x] I have checked my code and corrected any misspellings

francoismassart / eslint-plugin-tailwindcss

Fix edge cases with whitespace in `enforces-shorthand` #308

Description

Type of change

How Has This Been Tested?

Checklist: