feat: tailwind tokens support opacity modifier syntax color (fixed #526)

[serkodev]

Description

Add support for Tailwind token with opacity modifier syntax color.

Fixed #526

Additional context

Tailwind CSS variables color:
https://tailwindcss.com/docs/customizing-colors#using-css-variables

source:
https://github.com/tailwindlabs/tailwindcss/blob/759a8c2061fbb9aabd0ec9c5f534652e7a2c9717/src/util/pluginUtils.js#L107-L115

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• If it's a new feature, provide a convincing reason to add it. Ideally, you should open a suggestion issue first and have it approved before working on it.
• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for histoire-examples-svelte3 ready!

Name	Link
🔨 Latest commit	ecd1938
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-svelte3/deploys/64882f0a6a1ec80008d9f04c
😎 Deploy Preview	https://deploy-preview-525--histoire-examples-svelte3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for histoire-site ready!

Name	Link
🔨 Latest commit	ecd1938
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-site/deploys/64882f083313ba0008e39ba4
😎 Deploy Preview	https://deploy-preview-525--histoire-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for histoire-examples-vue3 ready!

Name	Link
🔨 Latest commit	ecd1938
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-vue3/deploys/64882f08885b1c0008852a74
😎 Deploy Preview	https://deploy-preview-525--histoire-examples-vue3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for histoire-controls ready!

Name	Link
🔨 Latest commit	ecd1938
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-controls/deploys/64882f08c1fe96000800f3d9
😎 Deploy Preview	https://deploy-preview-525--histoire-controls.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.