[bug]: New theme creation - tailwind preset issues

[jemoon]

Describe the bug

After new theme creation (according to: https://developer.adobe.com/commerce/pwa-studio/guides/theming/#create-a-new-theme) there are multiple error notices shown in console during compilation f.eg /components/Header/currencySwitcher.module.css The '-sm' screen does not exist in your theme

To reproduce

Steps to reproduce the behavior:

1. Create my-theme-preset.js with following content: module.exports = { theme: { extend: { fontFamily: { sans: ["Courier", "sans-serif"], }, }, }, };
2. Import preset in tailwind.config.js by placing following line: const myThemePreset = require("./my-theme-preset");
3. Change presets configuration so it will look like presets: [venia, myThemePreset]
4. Run compilation

Expected behavior

Compilation process should be finished withour any errors.

Please complete the following device information:

• PWA Studio 14.0.0

Please let us know what packages this bug is in regards to:

• [ ] venia-concept
• [X] venia-ui
• [ ] pwa-buildpack
• [ ] peregrine
• [ ] pwa-devdocs
• [ ] upward-js
• [ ] upward-spec
• [ ] create-pwa

[m2-assistant[bot]]

Hi @jemoon. Thank you for your report. To speed up processing of this issue, make sure that you provided sufficient information. Add a comment to assign the issue: @magento I am working on this

---

Join Magento Community Engineering Slack and ask your questions in #github channel.

[glo82145]

@adobe export issue to JIRA project PWA as Bug

[github-jira-sync-bot]

:white_check_mark: Jira issue https://jira.corp.adobe.com/browse/PWA-3364 is successfully created for this GitHub issue.