Tailwindui css layout support - Add more htmlClasses

[in-session]

Supports classes with !important as used in Tailwind 3
https://tailwindcss.com/docs/configuration#important-modifier

<p class="font-bold md:!font-medium">

Follow-up on #36452

Related Pull Requests

magento/magento2-page-builder#791

Resolved issues:

1. resolves [Issue] Tailwindui css layout support - Add more htmlClasses #37568: Tailwindui css layout support - Add more htmlClasses

[m2-assistant]

Hi @in-session. Thank you for your contribution!
Here are some useful tips on how you can test your changes using Magento test environment.

Add the comment under your pull request to deploy test or vanilla Magento instance:

• @magento give me test instance - deploy test instance based on PR changes
• @magento give me 2.4-develop instance - deploy vanilla Magento instance

❗ Automated tests can be triggered manually with an appropriate comment:

• @magento run all tests - run or re-run all required tests against the PR changes
• @magento run <test-build(s)> - run or re-run specific test build(s)
  For example: @magento run Unit Tests

<test-build(s)> is a comma-separated list of build names.

Allowed build names are:

1. Database Compare
2. Functional Tests CE
3. Functional Tests EE
4. Functional Tests B2B
5. Integration Tests
6. Magento Health Index
7. Sample Data Tests CE
8. Sample Data Tests EE
9. Sample Data Tests B2B
10. Static Tests
11. Unit Tests
12. WebAPI Tests
13. Semantic Version Checker

You can find more information about the builds here
ℹ️ Run only required test builds during development. Run all test builds before sending your pull request for review.

---

For more details, review the Code Contributions documentation.
Join Magento Community Engineering Slack and ask your questions in #github channel.

[ihor-sviziev]

@magento run all tests

[magento-automated-testing]

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

[ihor-sviziev]

@in-session, in order to brocess both PRs at once #37563 and magento/magento2-page-builder#791 - I linked them to together.
Hope this will speed up processing of both

[ihor-sviziev]

@sidolov, for some reason, the pull request from page builder repository wasn't linked properly - it's not used in tests. Could you pls help with it?

[ihor-sviziev]

@magento run Functional Tests B2B, Integration Tests

[magento-automated-testing]

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

[engcom-Lima]

@magento run Functional Tests B2B

[magento-automated-testing]

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

[engcom-Lima]

@magento create issue

[engcom-Lima]

✔️ QA Passed

Preconditions:

• Install fresh Magento 2.4-develop and PHP 8.1

Manual testing scenario:

• In app code - /magento2/app/code/Magento/Catalog/view/frontend/layout/catalog_product_view.xml add font-bold md:!font-medium in the htmlClass.
  For Ex- htmlClass="product-info-main font-bold md:!font-medium"
• Run bin/magento indexer:reindex && bin/magento c:f
• Go to frontend open PDP.

Before: ✖️ Throwing error on PDP.

Frontend:

Logs:

After: ✔️ Now working fine.

Moving to Merge in progress

[ihor-sviziev]

@engcom-Lima, did you check the page builder changes as well?